BY
ASHWINI AWATARE
Contents:
 Problem Defination
 Purpose of Website Design
 What is social integration
 How social plugin works?
 Importance of social plugin?
 Option For sharing
 Notification from social plugins
 Use of database for website
Problem Defination
To design a website which is integrated with the social plugins like facebook , twitter,
linkedin , google , pinterest , u tube etc.
When we design a website..!
 What is the purpose of my website?
 Who is my main audience?
 My secondary audience?
 What information do I want to present?
What is social Integration?
Social Integration can be seen as a dynamic and
principled process where all members participate in
dialogue to achieve and maintain peaceful social
relations. Social integration does not mean coerced
assimilation or forced integration.
A social sharing plugin is
a small, self-contained module
that an Internet user can place
on his or her social networking
profile page, blog, Internet start
page or Web site to share and
drive referral traffic to contents
Why we use social plugins?
 Easy distribution of content
 Drive referral traffic to website
 Better rankings on search engines
 Extended reach and awareness beyond internal
website
 More and more, this kind of sharing takes place
online
 Social plugins or widgets are new ways to share
updates, photos, videos and more
 Start conversations about things you find
interesting right from your web browser
 Best part about sharing is seeing responses to your
post!
How social plugin works?
1. User browsers through news items, media,
other content online
2. Shares to social media networking sites via
social sharing plugins
3. Link and content is submitted, tagged, added
to collective inventory and shared with online
communities and friends
FB Social Plugins: Likebox
Like Box (Facebook Fan Page)
The Like Box is a social plugin that
enables Facebook Page owners to attract and gain
Likes from their own website.
The Like Box enables users to:
See how many users already like this page, and
which of their friends like it too
Read recent posts from the page
Like the page with one click, without needing to
visit the page
FB Social Plugins: Comments
 Comments
• The Comments Box easily enables your users to
comment on your site's content
• Whether it's for a web page, article, photo, or
other piece of content
• Then the user can share the comment on
Facebook on their Wall and in their friends'
streams
FB Social Plugins: Like Button
Like Button
 The Like button lets a
user share your content
with friends on
Facebook
 When the user clicks the
Like button on your site,
a story appears in the
user's friends' News
Feed with a link back to
your website
Follow Button For
Facebook
Share Button For
Linked In
Send Button For
Facebook
Like Button for
Google+
Notifications in our website through social media
1. FROM Facebook
Storage
 Registration Form
 Sign In Form
 Feedback Form
References:
 https://developers.facebook.com/
 https://dev.twitter.com/
 https://developers.google.com/
 https://developer.linkedin.com/plugins
 http://www.q4websystems.com/Tour/Social-Media-
Optimization/default.aspx
 https://blog.kissmetrics.com/facebook-social-plugins/
Integrated website using social plugins

Integrated website using social plugins

  • 1.
  • 3.
    Contents:  Problem Defination Purpose of Website Design  What is social integration  How social plugin works?  Importance of social plugin?  Option For sharing  Notification from social plugins  Use of database for website
  • 4.
    Problem Defination To designa website which is integrated with the social plugins like facebook , twitter, linkedin , google , pinterest , u tube etc.
  • 5.
    When we designa website..!  What is the purpose of my website?  Who is my main audience?  My secondary audience?  What information do I want to present?
  • 6.
    What is socialIntegration? Social Integration can be seen as a dynamic and principled process where all members participate in dialogue to achieve and maintain peaceful social relations. Social integration does not mean coerced assimilation or forced integration.
  • 7.
    A social sharingplugin is a small, self-contained module that an Internet user can place on his or her social networking profile page, blog, Internet start page or Web site to share and drive referral traffic to contents
  • 8.
    Why we usesocial plugins?  Easy distribution of content  Drive referral traffic to website  Better rankings on search engines  Extended reach and awareness beyond internal website
  • 9.
     More andmore, this kind of sharing takes place online  Social plugins or widgets are new ways to share updates, photos, videos and more  Start conversations about things you find interesting right from your web browser  Best part about sharing is seeing responses to your post!
  • 10.
    How social pluginworks? 1. User browsers through news items, media, other content online 2. Shares to social media networking sites via social sharing plugins 3. Link and content is submitted, tagged, added to collective inventory and shared with online communities and friends
  • 11.
    FB Social Plugins:Likebox Like Box (Facebook Fan Page) The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website. The Like Box enables users to: See how many users already like this page, and which of their friends like it too Read recent posts from the page Like the page with one click, without needing to visit the page
  • 12.
    FB Social Plugins:Comments  Comments • The Comments Box easily enables your users to comment on your site's content • Whether it's for a web page, article, photo, or other piece of content • Then the user can share the comment on Facebook on their Wall and in their friends' streams
  • 13.
    FB Social Plugins:Like Button Like Button  The Like button lets a user share your content with friends on Facebook  When the user clicks the Like button on your site, a story appears in the user's friends' News Feed with a link back to your website
  • 14.
    Follow Button For Facebook ShareButton For Linked In Send Button For Facebook Like Button for Google+
  • 15.
    Notifications in ourwebsite through social media 1. FROM Facebook
  • 17.
    Storage  Registration Form Sign In Form  Feedback Form
  • 18.
    References:  https://developers.facebook.com/  https://dev.twitter.com/ https://developers.google.com/  https://developer.linkedin.com/plugins  http://www.q4websystems.com/Tour/Social-Media- Optimization/default.aspx  https://blog.kissmetrics.com/facebook-social-plugins/