QQ 1640076782

2015年02月13日

如何在网站上面添加facebook用户点赞的信息

Filed under: phper — phpwang @ 7:38 上午

据报道上面说,facebook上面的点赞可以为网站增加25%的流量,虽然不知道这一说法是不是有些夸大其辞,但是facebook是外贸网站中不可缺少的一部分。

首先,展示一下效果图:

不久以前有客户提出了这个需求,我也是查资料找了好久。其实这就是一个facebook的一个社交插件来实现的效果,https://www.facebook.com/help/443483272359009

点击这个网址便可以了解到很多很多关于facebook的开发文档。

其中这个效果是属于点赞框的那个插件,点击之后就到了这个页面:https://developers.facebook.com/docs/plugins/facepile?locale=zh_CN

其中在这里勾选是否展示图像等效果,设置好以后,点击下面的获取代码:

就会如图所示的图片,

将代码复制过来放在网站对应位置,之后访问,你会发现没有将对应的账户信息联系起来。这个时候就需要一些其他的设置来实现,看了几个类似的网站,发现有这样一个设置:

<iframe src=”//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Faccount&width&height&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:100%; height:100%;” allowTransparency=”true”></iframe>

这串代码是整个界面显示所不可缺少的,其中的account 只要换成你的链接就可以了,如果你的facebook的专页链接是http://https://www.facebook.com/abcd   account这里只要换成abcd 即可。

将上面的iframe 加到需要展示的位置中即可,一般在fb-like 这个div中。Iframe中的设置,可以根据你的需求修改!