頁面上的多個Google+分享按鈕

我想在單個頁面上顯示多個Google Plus分享按鈕（每個鏈接到不同的着陸頁）。該用例類似於具有多個帖子的博客主頁，所以我需要在每個帖子內顯示分享按鈕。頁面上的多個Google+分享按鈕

我已經包括在每個帖子的下面的代碼

<div class="g-plus" data-action="share" data-annotation="none" data-align="left" 
data-href="${postShareURL}" ></div>

當我檢查在瀏覽器中源，我可以看到每一個共享按鈕，還原有的div創建的I幀（與class ='g-plus'）也不會被刪除。但它不是頁面

<div id="___plus_2" style="position: absolute; width: 450px; left: -10000px;"> 
<iframe ...... ></iframe></div> 

<div class="g-plus" data-action="share" data-annotation="none" data-align="left" 
data-href="http://www.example.com/thisPost" data-gapiscan="true" 
data-onload="true" data-gapistub="true"></div>

的left:-10000px上實際可見的樣子的罪魁禍首在這裏，但我不知道爲什麼它的到來這樣的。

我應該更改什麼，以便所有共享按鈕都可以在頁面上看到。

我知道這是可能的，因爲每faqs谷歌+分享頁面

Can I place multiple buttons on a single page that all share different URLs? 
    Yes. Use the href attribute as specified in share tag parameters to indicate 
the URL to be shared.

來源

2014-09-02 Shri

這是最有可能與您的網站設計/造型的問題上。如果您鏈接到現場示例，那麼識別錯誤會更容易。 – abraham 2014-09-02 13:25:52

<div id="g-plus-footer" data-href="http://google.co.uk" class="g-plus" data-action="share" data-annotation="bubble"></div> 
<div id="g-plus-footer" data-href="http://yahoo.co.uk" class="g-plus" data-action="share" data-annotation="bubble"></div> 
<div id="g-plus-footer" data-href="http://test.co.uk" class="g-plus" data-action="share" data-annotation="bubble"></div> 



<script> 
    (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>

來源

2016-11-10 07:59:40

頁面上的多個Google+分享按鈕

回答

相關問題