Differences

This shows you the differences between two versions of the page.

--- php:examplecodes [2015/07/25 15:32] – [Facebook share Custom] admin
+++ php:examplecodes [2022/10/29 16:15] (current) – external edit 127.0.0.1
@@ Line 386: / Line 386: @@
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
-     js.src = "//connect.facebook.net/en_US/sdk.js";
+     js.src = "//connect.facebook.net/vi_VN/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
@@ Line 405: / Line 405: @@
 <div class="fb-comments" data-href="<?php echo $_product->getProductUrl(); ?>" data-numposts="5"></div>
 </code>
+  - Step3: Update layout display of buttons follow link https://developers.facebook.com/docs/plugins/like-button?locale=vi_VN#faqlayout
+==== Facebook Fanpage Box ====
+Go to link https://developers.facebook.com/docs/plugins/page-plugin to config and create HTML code:<code html>
+<div class="fb-page" data-href="https://www.facebook.com/ShopBabiesVn/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/ShopBabiesVn/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/ShopBabiesVn/">Shop Babies VN</a></blockquote></div>
+</code> => In case you have created other facebook integration, you **don't need to add javascript code** which generated by generate tool above
 ==== Facebook share Custom ====
 refer: https://developers.facebook.com/docs/sharing/web
   - Step1: Create [[https://developers.facebook.com/docs/sharing/webmasters#markup|Open Graph Tag]] => **Facebook Crawler** will use internal heuristics to make a **best guess about the title, description, and preview image** for your content. So we need to check the **share on real website** for facebook crawl the data exactly
-  - Step2: Go to link https://developers.facebook.com/tools/debug/ and enter the link  of your website to check Open Graph Tag
+  - Step2: Go to link https://developers.facebook.com/tools/debug/ and enter the link  of your website to check Open Graph Tag -> we need fix all errors when debug with this tool. With old pages,facebook has cached informations on this page, so the facebook will not recognize the Open Graph Tag update with new image. Therefore, we must use debug tools to refresh these caches -> Fix error can't comment and share missing the image(Click **Fetch New Scrape Information** 3 times to get new information). Or  wait patiently for **every 30 days to ensure the properties are up to date** as it says in documentation https://developers.facebook.com/docs/plugins/like-button
 ==== Manage Facebook Comments(moderation tool) ====
 refer:
+  * new API v3.1: https://developers.facebook.com/docs/graph-api/reference/v3.1/comment
   * Docs: https://developers.facebook.com/docs/plugins/comments#moderation-setup
   * Moderation tool:https://developers.facebook.com/tools/comments