谷歌+1按鈕沒有顯示在Tumblr上的所有帖子（無限滾動啓用）

當我在我的Tumblr blog.fokus.org上啓用了無限滾動時，我的Google +1按鈕不會顯示帖子在第2頁後的時間。如果我禁用無限滾動然後它顯示在每個頁面上正確。理想情況下，我想要無限滾動。谷歌+1按鈕沒有顯示在Tumblr上的所有帖子（無限滾動啓用）

當你點擊一個帖子來打開帖子的鏈接時，它會顯示所有的按鈕，不管它在哪個頁面上（啓用或不啓用無限滾動）。

這是第2頁，其中有下面的代碼後落在後：

<hr class="tumblrAutoPager_page_separator"> 
<div class="tumblrAutoPager_page_info">

我用Firebug控制檯，發現不同的是用代碼是如何被加載。

在第1頁

<div id="___plusone_0" style="height: 20px; width: 90px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;">

帖子裏面有iframe的代碼，它以及在第2頁

後只顯示該代碼

<g:plusone href="http://blog.fokus.org/post/16268298715/sirinthada-make-lots-of-art-listen-to-music" width="100" size="medium"></g:plusone>

我已經在元數據部分中輸入代碼

<g:plusone size="medium" width="100" href="{Permalink}"></g:plusone>

，並在代碼結束前

<script type="text/javascript"> 
    (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 
</script>

來源

2012-01-28 prhime

當頁面完成加載頁面上所有的<g:pluseone />的得到呈現爲+1按鈕。當新頁面加載時，您在HTML中有<g:pluseone />，但您必須使用+1 JSAPI將它們轉換爲按鈕。

類似以下內容需要調用每一頁加載。

<script type="text/javascript"> 
    gapi.plusone.go("body"); 
</script>

出於性能，你應該改變body更加具體。

來源

2012-01-28 22:41:52 abraham

我走了iframe的路線，因爲這似乎是唯一沒有引起任何問題的。謝謝你的回覆！ – prhime 2012-01-29 04:30:39

谷歌+1按鈕沒有顯示在Tumblr上的所有帖子（無限滾動啓用）

回答

相關問題