如何将多个Facebook按钮添加到1页？

我知道这个问题之前已经被问过了，但我觉得我的情况稍有不同。如何将多个Facebook按钮添加到1页？

我有一个网站，我在每个页面上基本上“喜欢”该网站的全局像按钮。现在我有一个页面上有一堆照片，如果你点击每一页，它会弹出一个fancybox。

这是网页上的html。这些图像中的每一个都显示了fancybox被点击时的相应标题。

<a href="/image1.jpg" class="zoom img"> 
    <img src="/image1.jpg" width="150" height="100" /> 
</a>  

<a href="/image2.jpg" class="zoom img"> 
    <img src="/image2.jpg" width="150" height="100" /> 
</a>  

<a href="/image3.jpg" class="zoom img"> 
    <img src="/image3.jpg" width="150" height="100" /> 
</a>      


<div id="fancyboxTitles" style="display: none"> 

    <div>title1</div>            
    <div>title2</div> 
    <div>title3</div> 

</div>

我想要做的是在每个看中一个箱子像按钮对于特定的图像，所以当有人点击“赞”，即特定的图像将显示在Facebook上。

目前我使用iframe方法与meta标签为我的全球像按钮。

来源

2012-02-24 Catfish

[Fancybox with“share”buttons linked to unique image]（http://facebook.stackoverflow.com/questions/9252899/fancybox-with-share-buttons-linked-to-unique-image） – DMCS 2012-02-24 15:27:24

我对另一个问题的回答（http://facebook.stackoverflow.com/questions/9252899/fancybox-with-share-buttons-linked-to-unique-image）仍然适用。

您需要有一个基于唯一URL的机制来提供正确的http://ogp.me或meta标签，以便Facebook的linter解析。

请记住，linter不会运行JavaScript，因此它们需要在响应流中正确定义。

EDIT

每个图像具有它自己的URL的示例。这些将有助于Facebook能够获得正确的html和og：标签。

http://example.com/images.php?id=1 
http://example.com/images.php?id=2 
http://example.com/images.php?id=3

内的每个唯一URL的HTML响应，正确的OG：指定标签。在该HTML中，您应该将JavaScript重定向到实际页面以显示图片。由于javascript不会由linter运行，因此linter应该能够读取这些og：标记。

有关如何指定og标签的信息，请参见http://ogp.me。

来源

2012-02-24 15:27:10 DMCS

如何将多个Facebook按钮添加到1页？

回答

相关问题