如何將多個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頁？

回答

相關問題