SlideShare a Scribd company logo
Facebook Integration into Wordpress
FB Open Graph Protocol http://developers.facebook.com/docs/opengraph/
FB Open Graph Protocol ADD THE HEADER <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:og=&quot;http://ogp.me/ns#&quot; xmlns:fb=&quot;http://www.facebook.com/2008/fbml&quot;>
FB Open Graph Protocol ADD META TAGS <!-- Open Graph FBML -->  <meta property=&quot;og:title&quot; content=&quot;&quot;/>  <meta property=&quot;og:type&quot; content=&quot;website&quot;/>  <meta property=&quot;og:url&quot; content=&quot;&quot;/>  <meta property=&quot;og:image&quot; content=&quot;logo image&quot;/>  <meta property=&quot;og:site_name&quot; content=&quot;&quot;/>  <meta property=&quot;fb:admins&quot; content=&quot;USER_ID&quot;/>  <meta property=&quot;og:description&quot; content=&quot;&quot;/>  <meta property=&quot;fb:admins&quot; content=&quot;&quot; /> <meta property=&quot;fb:page_id&quot; content=&quot;&quot; />
FB Open Graph Protocol Like Button: <fb:like href=“liked-url.com/&quot; width=&quot;450&quot; height=&quot;80&quot;/>  Comments: <fb:comments class=&quot; fb_iframe_widget&quot; width=&quot;600&quot; num_posts=&quot;100&quot; href=&quot;http://commented-url.com&quot;>  < ? php comments_template(); ?>  < ? php comments_template(); ?>  < ? php comments_template(); ?>  < ? php comments_template(); ?>  < ? php comments_template(); ?>  < ? php comments_template(); ?>  < ? php comments_template(); ?>  < ? php comments_template(); ?>  < ? php comments_template(); ?>
Wordpress WHERE DO I PUT THIS STUFF? Header.php page.php
Wordpress Xml header and meta tags paste into header.php Js script (like, comment, etc) – paste into page.php (comments template();)
Wordpress Important WP variables wp_title(); get_permalink(); bloginfo('description');  the_excerpt_rss();
FB WHERE’S MY SEO? Social Plugins are iframes
FB API Returns Objects Example: comment Object https://graph.facebook.com/comments/?ids=URL
FB API Object Comment documentation http://developers.facebook.com/docs/reference/api/Comment/
FB API FB Object to array $decoded=json_decode(file_get_contents(&quot;https://graph.facebook.com/comments/?ids=<?php echo get_permalink(); ?>&quot;),true);
PLUG IT IN WP standard documentation Add_action($hook, array($class, $method))
FB Open Graph Protocol http://developers.facebook.com/docs/opengraph/

More Related Content

PPT
Social Media Presentation
PPT
Remembrance wordles
PPTX
Hyper Text Markup Language
PPT
Blog to the top - Floor Drees
PPTX
Membuat CV dengan HTML
PPT
PresentacióN Clase
PPT
Case study-on-aditya-birla-group-1234679455868499-2[1]-s.banerjee
PPTX
โรงเรียนพร้าววิทยาคม
Social Media Presentation
Remembrance wordles
Hyper Text Markup Language
Blog to the top - Floor Drees
Membuat CV dengan HTML
PresentacióN Clase
Case study-on-aditya-birla-group-1234679455868499-2[1]-s.banerjee
โรงเรียนพร้าววิทยาคม
Ad

Facebook integration into wordpress

  • 2. FB Open Graph Protocol http://developers.facebook.com/docs/opengraph/
  • 3. FB Open Graph Protocol ADD THE HEADER <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:og=&quot;http://ogp.me/ns#&quot; xmlns:fb=&quot;http://www.facebook.com/2008/fbml&quot;>
  • 4. FB Open Graph Protocol ADD META TAGS <!-- Open Graph FBML --> <meta property=&quot;og:title&quot; content=&quot;&quot;/> <meta property=&quot;og:type&quot; content=&quot;website&quot;/> <meta property=&quot;og:url&quot; content=&quot;&quot;/> <meta property=&quot;og:image&quot; content=&quot;logo image&quot;/> <meta property=&quot;og:site_name&quot; content=&quot;&quot;/> <meta property=&quot;fb:admins&quot; content=&quot;USER_ID&quot;/> <meta property=&quot;og:description&quot; content=&quot;&quot;/> <meta property=&quot;fb:admins&quot; content=&quot;&quot; /> <meta property=&quot;fb:page_id&quot; content=&quot;&quot; />
  • 5. FB Open Graph Protocol Like Button: <fb:like href=“liked-url.com/&quot; width=&quot;450&quot; height=&quot;80&quot;/> Comments: <fb:comments class=&quot; fb_iframe_widget&quot; width=&quot;600&quot; num_posts=&quot;100&quot; href=&quot;http://commented-url.com&quot;> < ? php comments_template(); ?> < ? php comments_template(); ?> < ? php comments_template(); ?> < ? php comments_template(); ?> < ? php comments_template(); ?> < ? php comments_template(); ?> < ? php comments_template(); ?> < ? php comments_template(); ?> < ? php comments_template(); ?>
  • 6. Wordpress WHERE DO I PUT THIS STUFF? Header.php page.php
  • 7. Wordpress Xml header and meta tags paste into header.php Js script (like, comment, etc) – paste into page.php (comments template();)
  • 8. Wordpress Important WP variables wp_title(); get_permalink(); bloginfo('description'); the_excerpt_rss();
  • 9. FB WHERE’S MY SEO? Social Plugins are iframes
  • 10. FB API Returns Objects Example: comment Object https://graph.facebook.com/comments/?ids=URL
  • 11. FB API Object Comment documentation http://developers.facebook.com/docs/reference/api/Comment/
  • 12. FB API FB Object to array $decoded=json_decode(file_get_contents(&quot;https://graph.facebook.com/comments/?ids=<?php echo get_permalink(); ?>&quot;),true);
  • 13. PLUG IT IN WP standard documentation Add_action($hook, array($class, $method))
  • 14. FB Open Graph Protocol http://developers.facebook.com/docs/opengraph/