如何添加具有完整功能的Facebook“赞”按钮?

时间:2011-03-11 06:40:10

标签: facebook magento

我正在尝试添加一个Facebook“赞”按钮,我正在使用免费扩展程序,但它给了我一个错误,因为它们与Magento 1.5版不兼容。

我正在尝试手动完成,但我找到的一点帮助是获取Facebook开发人员代码并粘贴静态网址等。
......但我不明白。

那你能告诉我怎么做我想要的吗?从哪里可以获得哪些代码和粘贴位置?

7 个答案:

答案 0 :(得分:2)

  1. 转到http://developers.facebook.com/docs/reference/plugins/like/并获取适合您网站的代码。 (它将生成您需要复制的iframe HTML代码)
  2. 确定您要显示类似按钮的位置,选项包括:所有页面,产品视图,类别视图等...(您的选择) 例如,如果您想在产品页面上使用它,则需要将以前生成的HTML添加到catalog / product / view.phtml模板中。 如果您希望修复需要修改的网址:
  3. <iframe src="http://www.facebook.com/plugins/like.php?href=http://yoursite.com?other_params_go_here"></iframe>
    

    如果您希望网址为当前网址:

    <iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo $this->helper('core/url')->getCurrentUrl(); ?>?other_params_go_here"></iframe>
    

答案 1 :(得分:1)

我在这里写了一个完整的教程,它将向您展示添加Like按钮的最佳方式,并使用XFBML或XFBML的最佳实践方法,为每个产品(或类别页面)自动填充fb Open Graph元标记和Magento产品信息iFrame中。

使用所有版本的Magento进行测试。

http://blog.gaiterjones.com/magento-social-media-marketing-facebook-like-button/

答案 2 :(得分:1)

您需要登录Facebook帐户面板&amp;为您的网站创建自己的代码 然后你可以在任何块模板中粘贴代码。 如果你不能模板,你可以登录magento管理面板来启用开发模式

答案 3 :(得分:1)

始终建议使用模块。 社交分享有一个三合一模块。即Google + 1 Button,Facebook LIke和Twitter Share。

你可以在magento connect上查看它 http://www.magentocommerce.com/magento-connect/Modulesoft/extension/7258/google_1_plus_button_with_facebook_and_tweet

希望信息有用

答案 4 :(得分:0)

我在首页添加了一个Facebook插件,请在右侧查看:http://www.boardcorner.se。 通过在TinyMCE javascript中添加一段代码,它允许通过标准副本插入Facebook iframe。糊。 您可以在此处找到所需的代码:Magento - How to allow certain tags (iframe, embed) in Magento's CMS editor?

答案 5 :(得分:0)

尝试使用此产品详细信息页面

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=181097698614858&amp;xfbml=1"></script>
<fb:like href="<?php echo $_product->getProductUrl() ?>" send="false" show_faces="false"></fb:like>

答案 6 :(得分:0)

 <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=157602984730324";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like"></div>