title: [Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） --- **摘要** 前陣子尚為完整開放的 G+徽章現在已經全面開放了，「解鎖」的項目為標準徽章和小型徽章，如果你有 Google+ 或是 Google+ 粉絲頁（Google+ Pages）的話，可以做個徽章嵌入網站，告訴大家你在 Google+ 的消息，並且邀請他們來圈你吧！ **Category** - [Google+](https://www.soft4fun.net/category/social-networks/google-plus-sns) - [社群](https://www.soft4fun.net/category/social-networks) **Tag** - [Google+ badges](https://www.soft4fun.net/tag/google-badges) - [Google+ widget](https://www.soft4fun.net/tag/google-widget) - [google+徽章](https://www.soft4fun.net/tag/google%e5%be%bd%e7%ab%a0) **圖片清單** - ![[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-01](http://pic.soft4fun.net/imgs/Google_2B38/Google-01.png "[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-01") - ![[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-02](http://pic.soft4fun.net/imgs/Google_2B38/Google-02.png "[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-02") - ![[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-03](http://pic.soft4fun.net/imgs/Google_2B38/Google-03.png "[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-03") - ![[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-04](http://pic.soft4fun.net/imgs/Google_2B38/Google-04.png "[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-04") --- 前陣子尚為完整開放的 G+徽章現在已經全面開放了，「解鎖」的項目為標準徽章和小型徽章，如果你有 Google+ 或是 Google+ 粉絲頁（Google+ Pages）的話，可以做個徽章嵌入網站，告訴大家你在 Google+ 的消息，並且邀請他們來圈你吧！ > Google+徽章製作網址：[點這裡](https://developers.google.com/+/plugins/badge/config?pageId=105078604990129596419&hl=zh-TW) #### Google+徽章製作方式 以下示範以Google+ 粉絲頁為例，個人 Google+ ID 取得方式請參考[這篇文章](http://www.soft4fun.net/sns/google-plus-sns/google-%E8%A3%BD%E4%BD%9C%E4%BD%A0%E7%9A%84-google-%E8%AD%89%E7%85%A7.htm)。 **Step 1** 點選粉絲頁名稱下方的「開始使用」進入「取得徽章」頁面。 ![[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-01](http://pic.soft4fun.net/imgs/Google_2B38/Google-01.png "[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-01") **Step 2** 選擇徽章的種類後，將語系選取為「Chinese(Traditional) – 中文（繁體）」。 > ※ 若要製作個人頁面的G+徽章，取得你的Google+ ID 後，將ID貼 > 頁面中的唯一欄位，若預覽區塊有擷取的您的帳號資訊表示正常，繼續進行下一步。 ![[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-02](http://pic.soft4fun.net/imgs/Google_2B38/Google-02.png "[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-02") **Step 3** 最後將程式碼按照欄位中內的文字說明，將程式碼貼到網頁原始碼中的適當位置。 ![[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-03](http://pic.soft4fun.net/imgs/Google_2B38/Google-03.png "[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-03") 完成後顯示如下（圖為硬是要學側邊欄位） ![[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-04](http://pic.soft4fun.net/imgs/Google_2B38/Google-04.png "[Google+] 將 Google+徽章（Badges）嵌入網站（功能完整開放） Google-04") > 延伸閱讀： > - [[教學] 建立品牌專屬的 Google+ 頁面（產品或品牌）](http://www.soft4fun.net/sns/google-plus-sns/%e6%95%99%e5%ad%b8-%e5%bb%ba%e7%ab%8b%e5%93%81%e7%89%8c%e5%b0%88%e5%b1%ac%e7%9a%84-google-%e9%a0%81%e9%9d%a2%ef%bc%88%e7%94%a2%e5%93%81%e6%88%96%e5%93%81%e7%89%8c%ef%bc%89.htm) > - [[教學] 建立商家專屬的 Google+ 頁面（實體店面宣傳適用）](http://www.soft4fun.net/sns/google-plus-sns/%e6%95%99%e5%ad%b8-%e5%bb%ba%e7%ab%8b%e5%95%86%e5%ae%b6%e5%b0%88%e5%b1%ac%e7%9a%84-google-%e9%a0%81%e9%9d%a2.htm) > - [Google+ 網頁工 > (Widget)，讓大家一起加 > 你的圈圈吧](http://www.soft4fun.net/blog-widget/google-plus-widget.htm)