Facebook的按鈕喜歡整個頁面，而不是郵政（wordpress）

我正在這個頁面上工作，我用WordPress作爲我的CMS。Facebook的按鈕喜歡整個頁面，而不是郵政（wordpress）

在index.php頁面上，我的所有帖子都顯示出來了，我希望在標題下面添加一個Facebook Like按鈕，以便立即像帖子一樣不需要「閱讀更多內容」。

但是，當我點擊「喜歡」它喜歡我所有的博客帖子，所以他們都得到+1。有沒有什麼方法可以讓代碼只用來點擊按鈕的內容？

我用下面的代碼：

<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_GB/all.js#xfbml=1&appId=266693680020880"; 
        fjs.parentNode.insertBefore(js, fjs); 
        }(document, 'script', 'facebook-jssdk'));</script> 
       <div class="fb-like" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false"></div>

來源

2012-02-03 Örjan Wirdheim

諸如此類按鈕只是指的一個URL。

如果您希望按鈕具有單獨的「喜歡」，那麼您需要爲每個按鈕提供一個唯一的URL。（它們引用的帖子的URL）

您可以使用<div class="fb-like" data-href="URL"....>元素上的data-href屬性設置URL。

請注意，當涉及到按鈕時，http://example.com和https://example.com是兩個單獨的網站。

來源

2012-02-03 18:58:49 jack

謝謝！它現在有效！ – 2012-02-04 02:27:03

不客氣:) – jack 2012-02-11 14:11:27

您需要指定data-href="http://<<your blog url>>"才能喜歡博客而不是頁面。

例如，

<div class="fb-like" data-send="true" data-href="http://<<your blog url>>" data-layout="button_count" data-width="100" data-show-faces="false"></div>

來源

2012-02-03 19:00:45

這些都是接近，但在WordPress你要打電話

<div class="fb-like" data-send="true" data-href="<?php the_permalink()?>" data-layout="button_count" data-width="100" data-show-faces="false"></div>

在循環。這應該建立一個喜歡的帖子。

來源

2012-02-03 21:30:50

Facebook的按鈕喜歡整個頁面，而不是郵政（wordpress）

回答

相關問題