我不是標題黨,因此也不會像萬大叔那樣弄個《衣服脫脫脫,越脫越精采》這樣的標題。

說實話,Google+1也是在萬大叔的這篇文章中看到的,之前曾經考慮過Facebook的按鈕工具,但是鑒於國內很多網友不能正常顯示,也就沒有添加,現在,在我的博客以及後續網頁中,都可以看到Google+1按鈕了。

很多人認為Google+1按鈕只有很侷限的用法:添加一段腳本,用戶點擊,影響Google搜索結果。

根據Google的個性,應該不會這麼簡單,或許,還有更深層次的API,可以提供其他信息或功能。

通過Google Code的檢索,我找到了關於Google+1的文檔

在這篇文檔中,對於Google+1按鈕的定製等進行了很深入的講解。

下面就以將Google+1按鈕融入WP博客(也可以是一般網站,那麼就要把wp的函數修改掉)“Hot”功能為例進行一下講解。

+1 標記參數

鍵 描述

callback 在用戶點擊 +1 按鈕後被調用。回調函數可以接受包含href和state的 JSON 對象

href 要進行 +1 推薦的網址

上面兩個參數就是本次要用到的東西。

首先是在文章列表中應用Google+1。

找到你的模板的home.php文件(若沒有,則修改index.php),找到

1
<?php while (have_posts()) : the_post(); ?>

向下查找,尋找如下代碼:

1
<div class="post" id="post-<?php the_ID(); ?>">

在這個div的範圍內,選擇一個你認為合適的地方,添加下面的腳本

1
2
3
4
5
6
<!-- Google+ Begin -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'zh-CN'}
</script>
<g:plusone size="small" href="<?php the_permalink() ?>"></g:plusone>
<!-- Google+ End -->

當然,script標籤你也可以移動到其他位置,重點是g:plusone標籤,它決定了Google+1按鈕的位置。
你也可以使用兼容W3C規則的標籤形式。

如法炮製,把文章歸檔 (archive.php)也修改一下。
當然,你還可以在文章頁面(single.php)的任意位置添加下面的代碼:

1
2
3
4
5
6
<!-- Google+ Begin -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'zh-CN'}
</script>
<g:plusone size="small"></g:plusone>
<!-- Google+ End -->

然後,下面就是重頭戲了。

首先,你要確認你的網站有Hot相關的數據庫,然後,你要新建一個頁面用於將數據轉存入數據庫。

(後文編寫中,精采稍後繼續……)

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.