在您的網頁中新增 Google+ 追蹤按鈕

Astral WebBy Astral Web 3 years agoNo Comments
首頁  /  網站設計與開發  /  在您的網頁中新增 Google+ 追蹤按鈕

Google+ 追蹤按鈕可在您的網頁上新增一個簡單小型的條件按鈕,讓訪客可將您的個人資料或專頁快速加到他們的社交圈中。如要在您的網站上顯示 Google+ 追蹤按鈕,只要加入一行 JavaScript 程式碼和追蹤按鈕標記即可,例如:

 Google+ 追蹤按鈕

首先進到Google+ Platform的頁面

 

 Google+ 追蹤按鈕

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

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

<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+ 專頁或使用者個人資料網址。系統支援以下網址格式:

  • https://plus.google.com/110967630299632321627
  • https://plus.google.com/+LarryPage
data-annotation
  • none
  • bubble
  • vertical-bubble
bubble 設定要顯示在按鈕旁的註解。

none

不要顯示附加的註解。

bubble

在按鈕旁的圖形中顯示追蹤這個專頁或使用者的人數。

縱向泡泡

在按鈕上方的圖形中顯示追蹤這個專頁或使用者的人數。

data-height
  • 15
  • 20
  • 24
20 要顯示的按鈕的像素高度。

這個高度只會控制按鈕的高度;如果您使用垂直的註解,整個小工具的實際高度會比較大。

data-rel
  • author
  • publisher
說明在 href 位置所定義的實體與徽章嵌入所在網頁之間的關係。

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網站設計與開發

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。