Google+ Badges 在網站上放個Google+粉絲框

發表時間： 2011-11-17

Google+ Page粉絲專頁推出已經一個禮拜了，大家期待已久的「Google+ Page粉絲框」官方版終於現身了，只要把粉絲框擺到網站上，就可以不必開新的頁面，就可以輕鬆將您的Google+粉絲框輕鬆圈起來，加到自己的Google+社交圈囉！怎麼棒的東西，怎麼不趕快來安裝，讓你的Google+ Page粉絲人數再衝高，讓社群活絡度更高以達到社群分享與行銷。

Google+ 頁面是由Google推出的粉絲專頁，使用上類似Facebook的粉絲專頁，不過推出大概一個禮拜的時間，在台灣最高的專頁人數已經邁向5000人了，同時也越來越多的廠商、網站、公司等等都入續加入這個頁面，為了就是把握這一塊市場，如果你的網站或是品牌還沒進攻，那就盡快加入Google+，讓您的品牌增加一個管道分享新資訊，同時也有機會開發潛在的顧客群。

之前我們介紹過，如果要將Google+個人帳號嵌入到網站上，可以透過「Google+ Widget」，當然這項服務您也可以改成嵌入Google+頁面，但是這個服務的圈點就是，當你點了加入社交圈，它也僅能開啟新視窗，並無法直接像您在Google+上面直接將別人圈選或是類似FB的粉絲框，按一下就加入。現在Google+官方所提供的粉絲框「Google+ Badges」，就可以輕鬆做到嵌入的功能哦！

網站名稱：Google+ Platform – Badge

網站網址：按這裡

申請Google+ Page：按這裡

加入香腸炒魷魚的Google+ Page：按這裡

第1步 首先請到您的Google+頁面，請將網址上的那串數字複製起來。

【註】如果還沒建立Google+ Page，可以按這裡進行建立！

Google+ Badges 在網站上放個Google+粉絲框

第2步 接著請來到Badges頁面，將您剛複製的代碼貼到框框中，下方就會顯示出預覽畫面，目前提供6種模式，原本前面的兩種暫無開放，現在終於正式開放了，選擇【Standard】或【Small badge】可以讓大家從自己的網站就可以直接圈選您的頁面到社交圈。

Language：可以選擇繁體中文，不過英文的樣式比較好看。
HTML5 valid syntax：支援HTML5的語法

第3步 設定好之後，可以將語法依照說明張貼到</head>標籤之前，另外一段語法則是張貼到要顯示的地方。

【註】
語法中，有一個「https://apis.google.com/js/plusone.js」這支JS和Google+1按鈕重複載入可能會發生衝突，因此在複製語法時，別忘了自動略過該JS。

Google+ Badges 在網站上放個Google+粉絲框

第4步 如果放到側邊欄，那效果就會如下圖所示，「加進社交圈」按鈕滑鼠移過去就可以將您的頁面給自動圈選加入囉！

第5步 以下實體展示，別忘了幫我們圈選進去哦！

Google+ Badges 使用總結

這個官方元件感覺還不錯，但若你仔細一看，下方顯示的頭像似乎是有對專頁按+1的使用者，似乎不是追蹤你頁面的使用者。此外，這個語法目前自訂程度算是蠻低的，寬度、高度、顏色都無法變更，如果網站的側邊欄太小或太大，擺上去都不好看，像香腸網站側邊欄比較小，擺上去就會發生切掉的問題，上面那個展示圖其實是模擬出來的效果。

不過值得一提的是，這個Google+ Badges部落格外掛，除了可以嵌入Google+ 頁面之外，您也可以使用個人帳號，透過它產生專屬於您的粉絲框，這點算是還不錯，如果您沒有Google+頁面，就把這玩意當成您個人帳號的圈選widget吧！期待未來這個功能有更多的調整選項，因為中文的排版真的很糟糕(看上面的展示圖就知道XD)。