title: Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧

---

**摘要**

Google+ 在台灣的熱門程度已經達到火紅的境界，許多部落客或站長也紛紛投入 Google+ 的懷抱，不過要怎麼讓粉粉絲們加入你的圈圈是個大問題，寫一篇文章嗎？不！最好的方法就是在網頁上放一個「加入我的圈圈」的 Widget，讓所有訪客都可以看到，並且加入你的圈圈。 目前 Google 還沒推出官方的 Widget ，不過已經有國外網友設計出來了，設定方法也很簡單，只要五個步驟就可以完成，快將 Widget 放到你的網站去拉粉絲吧！

**Category**

- [Google+](https://www.soft4fun.net/category/social-networks/google-plus-sns)
- [部落格工具](https://www.soft4fun.net/category/social-networks/blog-widget)

**Tag**

- [Google plus](https://www.soft4fun.net/tag/google-plus)
- [widget](https://www.soft4fun.net/tag/widget)

**圖片清單**

- ![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-01](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-01.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-01")
- ![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-02](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-02.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-02")
- ![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-03](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-03.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-03")
- ![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-04](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-04.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-04")
- ![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-05](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-05.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-05")
- ![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-06](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-06.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-06")

---

[Google+](http://www.soft4fun.net/tag/google-plus) 在台灣的熱門程度已經達到火紅的境界，許多部落客或站長也紛紛投入 Google+ 的懷抱，不過要怎麼讓粉粉絲們加入你的圈圈是個大問題，寫一篇文章嗎？不！最好的方法就是在網頁上放一個「加入我的圈圈」的 Widget，讓所有訪客都可以看到，並且加入你的圈圈。

 

> **加�
> �我的的Google+圈圈**： [點我加�
> �](https://plus.google.com/113599163037975252607/about)
> **推薦你看**
> - [絕不漏接 Google+ 訊息的方法](http://www.soft4fun.net/tips/%E7%B5%95%E4%B8%8D%E6%BC%8F%E6%8E%A5-google-%E8%A8%8A%E6%81%AF%E7%9A%84%E8%BF%BD%E8%B9%A4%E6%8A%80%E5%B7%A7.htm)
> - [[Firefox] �
> 快捷徑！網址列輸�
> �「+」直接進�
> � Google+](http://../tips/type-plus-into-google-plus.htm)
> - [Google+ 狂瀾，一定要知道的 Gmail 信箱防爆法](http://../tips/google-%E7%8B%82%E7%80%BE%EF%BC%8C%E4%B8%80%E5%AE%9A%E8%A6%81%E7%9F%A5%E9%81%93%E7%9A%84-gmail-%E4%BF%A1%E7%AE%B1%E9%98%B2%E7%88%86%E6%B3%95.htm)

 

目前 Google 還沒推出官方的 [Widget](http://www.soft4fun.net/tag/widget) ，不過已經有國外網友設計出來了，設定方法也很簡單，只要五個步驟就可以完成，快將 Widget 放到你的網站去拉粉絲吧！

 

> **網站名稱**：Google Plus Widget
> **網站網址**：[http://widgetsplus.com/](http://widgetsplus.com/)

 

#### Widget 設定步驟

 

**Step 1**

 

進入 Google Plus Widget 後，按下網頁上的【Get Widget】

 

![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-01](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-01.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-01")

 

**Step 2**

 

切換到你的 Google+ 頁面，打開 Google+ 的個人頁面，將網址上的個人ID複製下來（如下圖所示）。

 

![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-02](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-02.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-02")

 

**Step 3**

 

將剛才複製的ID貼到「Google+ ID」欄位裡，並在 Widget width 欄位設定 widget 的寬度。

 

> ※ 勾選「Include upload feed」可以在 Widget 裡顯示最近發表G+文

 

![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-03](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-03.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-03")

 

**Step 4**

 

切換到〔Title settings〕分頁，把 Title 及 Google+ logo 打勾，並將 Title Text 欄位的內容更改為「加入我的圈圈」。

 

![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-04](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-04.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-04")

 

**Step 5**

 

最後按下【Get code】並將程式碼複製起來，開啟網站原始檔並將代碼插入到你要的位置即可。

 

> Pixnet 可在部落格設定的側邊欄位設定裡面新增一個欄位，然後將程式碼貼上後襬放到適當的位置儲存。

 

![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-05](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-05.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-05")

 

#### 展示圖

 

> **加�
> �我的的Google+圈圈**： [點我加�
> �](https://plus.google.com/113599163037975252607/about)

 

![Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-06](http://pic.soft4fun.net/imgs/Google-_CB30/GoogleWidget-06.png "Google+ 網頁工具(Widget)，讓大家一起加入你的圈圈吧 GoogleWidget-06")

  

> **詳細功能設定**
> **Main area settings**：設定背景、框線及分隔線顏色。
> **Title settings**：設定標題�
> �容及標題顏色。
> **Name text**：設定顯示暱稱的顏色及大小。
> **Botton**：設定按鈕的大小、顏色。
> **Bottom Text**：設定 Widget 底部文字的樣式及顏色。