AddThis Facebook点赞按钮工作原理及产品页点赞对象咨询

一、按钮工作原理 #

• AddThis作为第三方社交分享工具，会自动加载Facebook社交SDK，无需手动引入完整的FB SDK文件
• 页面加载时，AddThis的脚本会识别带有addthis_button_facebook_like类的标签，读取标签上的fb:like:*系列属性（比如你代码里的fb:like:layout），然后动态生成符合Facebook规范的点赞按钮DOM结构
• 后续的点赞交互、数据统计逻辑，本质都是由Facebook SDK完成，AddThis只是做了一层封装，简化了按钮的嵌入流程

二、点赞的具体对象 #

你没手动指定URL的情况下，默认点赞的是当前产品详情页的URL。

• Facebook原生点赞按钮的默认行为就是绑定当前页面的URL，AddThis封装的按钮完全遵循这个规则
• 每个产品详情页的URL都是唯一的，所以不同页面的点赞按钮，实际是对各自页面的URL点赞，点赞数据会和该URL绑定，同步到Facebook的社交图谱中

自定义点赞对象的方法 #

如果需要指定点赞其他内容（比如Facebook产品主页、特定图片），可以给标签添加fb:like:href属性，示例代码如下：

<a class="addthis_button_facebook_like" fb:like:layout="button_count" fb:like:href="目标内容的URL"></a>

添加后，按钮就会指向你设置的目标URL，而非当前页面。

内容的提问来源于stack exchange，提问作者Urooj