Ultimate guide to Social Media Web development integration

Name: Ultimate guide to Social Media Web development integration
Rating: 4.3 (33 reviews)

Add social sharing and social follow to your web content. Web Development Social Sharing Coding HTML JavaScript

Created byLaurence Svekis

Last updated 9/2015

English

English [Auto],

What you'll learn

add social sharing to web content
integrate social icons
add social following
add meta data for social networks
share dynamic content to social networks
grow your social influcence

Course content

7 sections • 36 lectures • 2h 24m total length

Course Intro Social Sharing4:14
Learn to integrate social media sharing and follow buttons into web content using Open Graph tags and a reusable JavaScript library to handle dynamic content and the Facebook SDK.
How to use this course3:00
Learn to sign up with major social networks and share web content using bootstrap styling, font awesome icons, and JavaScript, with a mock quiz sharing scores on Twitter and Facebook.
Web Developer Resources and Source Files5:00

Game share your results on Facebook and Twitter4:24
Explain how to share quiz results on Twitter and Facebook using dynamic messages that update with the score, via a basic JavaScript quiz and the Facebook SDK.
Share Game stats4:41
Learn how to dynamically share quiz results on Twitter and Facebook by encoding descriptions, using dynamic images and links, and implementing a JavaScript share function with a popup window.
Game and Social Sharing Code Review and explaination7:42
Explore implementing social sharing in a web page with JavaScript, including the Facebook SDK and Twitter integration, plus debugging via console and customizing share metadata for a quiz game.
Code Source for GAME and Sharing2:00

Social Meta Data Twitter Cards8:07
Discover how hidden meta data powers social sharing with Twitter cards and Open Graph. Learn to configure summary cards with title, description, and image, and validate with Twitter validator.
Social Sharing for Web developers1:00
Social Meta Data Facebook Open Graph8:04
Master how to implement Facebook Open Graph meta tags to optimize social sharing, using the Open Graph generator, app IDs, and proper og types for websites and articles.
Typical Social Network metadata setup1:00
Social Tools Toolbar Add This2:13
Discover how to implement addthis.com social tools toolbar for sharing and following, using free or pro accounts, with url and og data powering share buttons and statistics.
Social Linking to social sites7:05
Add social linking to your social properties by using Font Awesome icons and Bootstrap styling, connect with users via hyperlinks, and customize brand colors for Twitter, Facebook, YouTube, and Tumblr.
Adding Styling and HTML social buttons2:00

Social Button Twitter7:06
Learn to add a Twitter follow button to your website, embed the Twitter widget, and copy the code to boost visibility and let users follow without leaving the site.
Twitter Social Buttons explained8:24
Explore how to implement Twitter share buttons on your site, customize pre-populated messages with hashtags and mentions, and use Twitter intent for posting.
Social Buttons Twitter1:00
Twitter Widget Follow3:51
Learn how to replace a Twitter link with a Twitter widgets follow action that opens a popup window, using Twitter widgets.js to link by screen name and drive followers.

Facebook Follow Button6:48
Learn how to create and customize the Facebook follow button using the page plugin and JavaScript SDK, with layout options, counts, and the follow-vs-like behavior.
Facebook Like and Share buttons5:43
Learn how to implement the Facebook like and share buttons, customize counts and faces, and integrate the Facebook SDK and Open Graph metadata to share content from your page.
Social Buttons - Facebook1:00
Facebook Sharing options4:03
Learn to implement Facebook sharing with custom share buttons and dialogs, favoring pop-up windows, using open graph data, and configuring app ID and redirect URI for JavaScript sharing.

GooglePlus Follow button4:29
Learn to integrate Google Plus into your website, embed the follow button and plus one, and optimize seo while keeping users on your site.
GooglePlus Sharing5:37
Explore implementing the Google Plus plus-one and share buttons to extend page reach, customize sharing options, and optimize open graph data while keeping scripts minimal for reusable web pages.
Social Buttons - Google Plus1:00
Linkedin Sharing Codes3:34
Learn how to embed LinkedIn sharing codes, use the LinkedIn share button and JavaScript SDK, customize share parameters, and manage login and popup behavior for LinkedIn integration.
Pinterest Follow Share3:47
Learn how to integrate Pinterest follow and share features into your site using the Pinterest SDK, including pinning images, customizing buttons, and leveraging Open Graph data.
Reddit Share button2:10
Learn how to implement a Reddit share button by constructing a share URL with the post URL, title, and optional image or description, and open a popup window for posting.
Social Buttons - Others1:00

JavaScript Meta Tag Information6:31
Discover how to customize JavaScript to reuse og meta information for social sharing, powering share buttons by pulling title, image, url, and description from meta tags via the DOM.
JavaScript Dynamic content Share Button code9:47
Learn to build simple, dynamic social share buttons using JavaScript, open graph data, and Font Awesome icons, encoding URLs, and handling click events for Twitter, Facebook, and Google Plus.
JavaScript Dynamic Content to social networks9:25
Learn how to dynamically create and share content to social networks using open graph fields, icons, and testing for LinkedIn, Pinterest, and Reddit.
JavaScript Social Sharing Button Tutorial6:03
Learn to add social sharing buttons for networks like Tumblr, StumbleUpon, Delicious, and Slashdot using a JavaScript library, with testing, encoding, and customizable popup behavior.
Social Share URLs List1:00
Using Facebook Dialog to post content6:18
Learn to customize Facebook posts through the Facebook dialog and SDK, using an app ID and open graph data to tailor messages, images, and links for sharing.
Facebook Dialog Code1:00

Requirements

basic understanding of JavaScript
HTML

Description

Learn how to add social sharing and social follow buttons to your web pages. Social networking integration on your website can increase your web visitors and help your grow you social communities. Sharing of content should be easy for web visitors, encourage connecting with you on your social channels. Grow your engagement, expand your community and be more successful online.

We walk your through from scratch how to add social sharing and what options you have for adding social to your website.

Coding is in JavaScript using Open graph metadata to dynamically update button info. We also show you how to share dynamically changing data on Twitter and Facebook.

Real world example of a quiz and sharing the results of the quiz.

We show you how to share connect to

Twitter
Facebook
Google Plus
Linkedin
Pinterest
Reddit
and more

Everything you need to learn about SOCIAL SHARING within web applications is provided within this course.

no wasted time watching someone type
quick lessons get right to the point
fully covered topics with real world examples
source files downloadable to work along
challenges and lessons and code samples
code snippets
Links to top resoruces to save time
30 day money back guarantee
new course material added regularly
trusted name in education since 2002
full HD easy to read source coding
quick response support to students
regular discussions

Who this course is for:

web developers
web designers
web masters
web project managers
user experience and user integration specialists
social media marketers
social media developers

Ultimate guide to Social Media Web development integration

What you'll learn

Explore related topics

Course content

Course Introduction to Social Sharing3 lectures • 12min

Using Social Sharing within web content4 lectures • 19min

Social Connections for website7 lectures • 29min

Twitter Social Connections for website4 lectures • 20min

Facebook Social Connections for website4 lectures • 18min

Other Social Connections for website7 lectures • 22min

Custom Share Buttons with JavaScript7 lectures • 40min

Requirements

Description

Who this course is for: