在您的網頁中新增 Google+ 追蹤按鈕
Google+ 追蹤按鈕可在您的網頁上新增一個簡單小型的條件按鈕,讓訪客可將您的個人資料或專頁快速加到他們的社交圈中。如要在您的網站上顯示 Google+ 追蹤按鈕,只要加入一行 JavaScript 程式碼和追蹤按鈕標記即可,例如:
首先進到Google+ Platform的頁面
遵照網頁的步驟,依序完成設定,得到程式碼如下:
<!– 將這個標記放在標頭中,或放在內文結尾標記前面。 –>
<script src="https://apis.google.com/js/platform.js" async defer> {lang: 'zh-TW'} </script>
<!– 在您要顯示「小工具」的位置放上這個標記。 –>
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="https://plus.google.com/102781611738605819784" data-rel="publisher"></div>
遵照指示將程式碼放進網站中即可
各項屬性的說明如下:
如果您要使用以下屬性,請在屬性名稱的前面加上 data- (例如 data-rel="author")。
屬性 | 值 | 預設值 | 說明 |
class | g-follow | 指定 g-follow 即可以有效的 HTML5 語法顯示追蹤按鈕。否則,請使用<g:follow /> 標記。 | |
data-href | Google+ 專頁或使用者個人資料的網址 | 使用者可能選擇追蹤的 Google+ 專頁或使用者個人資料網址。系統支援以下網址格式:
|
|
data-annotation |
|
bubble | 設定要顯示在按鈕旁的註解。
none 不要顯示附加的註解。 bubble 在按鈕旁的圖形中顯示追蹤這個專頁或使用者的人數。 縱向泡泡 在按鈕上方的圖形中顯示追蹤這個專頁或使用者的人數。 |
data-height |
|
20 | 要顯示的按鈕的像素高度。
這個高度只會控制按鈕的高度;如果您使用垂直的註解,整個小工具的實際高度會比較大。 |
data-rel |
|
— | 說明在 href 位置所定義的實體與徽章嵌入所在網頁之間的關係。 |
我要留言