[教學]Google+ 留言框整合到 WordPress 網站中

Google優化, Wordpress

最近Blogger開始允許使用者直接透過後臺設定將Google+留言的功能整合到Blogger部落格系統中,現在你也可以將Google+留言框整合到自己的網站囉!不論你是WordPress、Drupal或者是自己架設的網站,只要有絕對路徑網址,就可使用Google+留言框的留言功能,讓網站都可以擁有留言功能,不過前提是網站必須支援Javascript語法,否則留言功能也無法整併。

如果覺得在WordPress留言功能上加上Facebook留言框不夠的話,現在Google+也有提供這樣的免費留言框功能,透過第三方留言框的功能,可以降低網站的惡意垃圾留言,再者許多人都有Google帳號,那麼透過Google帳號開通Google+留言功能應該也不難,如果你覺得WordPress本身留言機制不夠強,又不想要用Facebook留言的話,那可以來試試看由Google提供留言機制。

早在2008年,Google就已經有嘗試性的提供留言功能服務,也就是所謂的Google Friend Connect 社群網路圈,不過GFC Wall這玩意,似乎已經被Google漸漸遺棄,取而代之的是這一兩年來,Google主力推廣的Google+社群功能,類似於Facebook粉絲框,Google+也有推出Google+粉絲框等等,不過話說回來,這回提供Google+留言功能,真的是太吸引我XD。

所以當知道這個好玩意的時候,立刻加裝到自己的WordPress網站測試,目前功能正常,而且他會幫你搜括在Google+有讀取到你網址的「公開」訊息全部統整近來,類似Facbook讚按鈕可以統整所有去讚你文章的讚數量,對了Google+也有推出加1按鈕。不過想要使用這個功能之前,建議大家可以去建立專屬於自己的Google+專頁,綁定專頁可以讓搜尋表現更好哦!

透過語法直接加入 Google+留言框

以WordPress的使用者來說,只要修改內文頁面的檔案「single.php」找到留言區的語法,在它之前加入Gooogle+留言框語法,就可以達到效果了。

開啟 single.php ,找到以下語法:

<?php comments_template(”, true); ?>
view rawstep1.php hosted with ❤ by GitHub

在它之前加上:(裡面參數自行調整)

<script src=”https://apis.google.com/js/plusone.js”>{lang: ‘zh-TW’}</script>
<g:comments
href=”<?php the_permalink(); ?>”
width=”680″
first_party_property=”BLOGGER”
view_type=”FILTERED_POSTMOD”>
</g:comments>
view rawstep2.php hosted with ❤ by GitHub
以上這樣子,重整一下網頁或是清理一下快取,就可以看到如下效果。

google_1

透過 WordPress 外掛加上 Google+ 留言框

如果你懶得修改原始碼,那我們就可以利用WordPress最棒的功能「外掛」來擴充Google+留言框功能,直接利用外掛、免改程式碼就可以輕鬆擁有方便的留言系統機制。

外掛名稱:WordPress Google Plus Comments

第1步 到WordPress後台搜尋「WordPress Google Plus Comments」並安裝,接著來到設定頁面,如下:

Show before WordPress Comments:在留言區之前顯示。
Show After Content:在內容區之後顯示。
Button Size:留言框寬度。
Language:語系,請輸入「zh_TW」。
google_2

第2步 在留言區之前就會看到囉!

google_3

當然外掛能少用就少用,畢竟多載入一個外掛就有可能讓WordPress速度再變慢一點,所以如果上面程式碼看得懂,就直接透過程式碼來擴充這項功能吧!另外,外掛其實有很多,功能上都差不多,有些則是沒有後台設定,可能安裝後只能英文顯示,本文章介紹的是有後台可以設定算是其特色。如果你只是想要單純取代WordPress內建留言機制,可以試試看:Google+ PlusOne Comments,它可以把內建停用,只留下Google+ Comments 留言機制。

留言追蹤?如果有人留了新留言,管理者怎麼知道?目前暫時沒有看到相應的設定或者是教學可以追蹤它人在文章上的留言,簡而言之,如果有人透過Google+留言框留言,你不會知道有誰留言….

(轉自香腸炒魷魚)

Post a comment