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

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的語法

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

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


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

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

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

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

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

Google+ Badges 使用總結

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

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