如何在網頁中新增Google+ 徽章？

將您的 Google+專頁連到相關網站，可在 Google 搜尋結果中，為您的網站爭取更多推薦，吸引更多訪客瀏覽您的 Google+ 內容。

首先進到Google+ Platform的頁面：

https://developers.google.com/+/web/badge/

遵照網頁的步驟，依序完成設定，得到程式碼如下：

<!– 將這個標記放在標頭中，或放在內文結尾標記前面。 –>

<script src="https://apis.google.com/js/platform.js" async defer>

{lang: ‘zh-TW’}

</script>

 

<!– 在您要顯示「小工具」的位置放上這個標記。 –>

<div class="g-page" data-href="https://plus.google.com/102781611738605819784″ data-rel="publisher"></div>

 

遵照指示將程式碼放進網站中即可。

Google+ 徽章的預設尺寸是300px，如果想要變更尺寸，可在設定時調整寬度的滑桿，或是增加data-width的屬性，例如：

<div class="g-page" data-width="250″ data-href="https://plus.google.com/102781611738605819784″ data-rel="publisher"></div>

上面的例子，徽章的寬度將變成250px。

如果您需要的是較小型的小工具，也可以考慮使用 Google+ 追蹤按鈕。

各項屬性的說明如下：

如果您要使用以下屬性，請在屬性名稱的前面加上 data- (例如 data-rel="author")。

以上就是Google+徽章的介紹，希望能幫到需要的朋友喔！