「Google +1」のクリックアクションをGoogle Analyticsでトラッキングする方法

Googleの検索結果などでGoogleプロフィールに登録されている友人とwebサイトを共有出来るソーシャル機能を持った「Google +1」。先日、その話題になっている「Google +1」をDaily News Agencyに設置した際、ついでにGoogle Analyticsでアクセス状況をトラッキングしてみました。とても簡単にできたので、「Google +1」の設置とトラッキング方法、その結果についてレポートします。

「Google +1」ボタンを設置する方法

まず以下のサイトにアクセスし、好みのボタンサイズを選択します。今回は中(20px)を選択しました。次に、ここでのポイント、「JSコールバック関数」に次に作成するJabaScript関数：plusone_voteを記入します。その他の設定はお好みで。あとは自動で作成されたコードをコピーします。
Google +1 をウェブサイトに表示 – +1 ボタンであなたのサイトがよりソーシャルでインタラクティブになります

次に、作成したコードをサイトに貼り付けていきます。

1．下記のJavascriptをhead要素内またはbody終了タグの直前に貼り付けます。

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

2．次は、コールバック関数を指定したタグです。「Google +1」ボタンを表示したい箇所に下記タグを貼り付けます。

<g:plusone size="tall" callback="plusone_vote"></g:plusone>

3．最後にヘッダ要素内に下記のJavascript関数：plusone_voteを追加します。また「plusone」の部分は、Google Analyticsの「イベントのトラッキング」で表示される「カテゴリ」名なので、何でも自分の好きな文字に変更してください。

<script type="text/javascript">
  function plusone_vote( obj ) {
    _gaq.push(['_trackEvent','plusone',obj.state]);
  }
</script>

また、必要であれば、ラベルを追加することも可能です。例えば、単純にラベルにURLを表示したい場合は「location.href」を追記します。

<script type="text/javascript">
  function plusone_vote( obj ) {
    _gaq.push(['_trackEvent','plusone',obj.state,location.href]);
  }
</script>

これで設置完了です。

Google Analyticsでデータ確認

次は、どのように「Google +1」クリックデータがGoogle Analyticsで表示されるているのか確認します。

「Google +1」ボタンを設置したサイトのGoogle Analiticsレポート左側メニューから「コンテンツ」→「イベントのトラッキング」を選択します。

すでに「Google +1」ボタンがクリックされているとイベントアクション：plusoneがこのように表示されます。

「全てを表示」をクリックすると、「on」と「off」の2種類のアクションが発生していることが分ります。

さらに表示されている「on」をクリックするとonされたURLがこのように表示されます。

このように約10分もあれば、「Google +1」ボタン設置し、Google Analyticsでイベントをトラッキングすることが出来ます。

最後に「Google +1」ボタンについて詳細に説明している日本語字幕付き動画です。
YouTube – Introducing the +1 Button

「Googleダッシュボード」を見れば、いかに自分がGoogleのサービスにどっぷり使っているか分かるのですが……いまいち実感がわかないのがGoogleのソーシャル系サービス。今回もFacebookの「いいね！」の後追いになるわけですが、さてどのようなサービスにつなげてくるでしょうか。

以前DNAで紹介した記事：元Googleのエンジニアが語る「なぜGoogleはソーシャルネットワーキングに弱いのか」で述べた「弱点」に今回も当てはまってしまうのかもしれません。

ソース：Tracking Google +1 button Interaction in Google Analytics – Yoast

関連記事

CUI環境のLinuxでDropboxを動作させる方法 - DNA

Googleにイスラム教、キリスト教、ユダヤ教、仏教の信者の評判を聞いてみた - DNA

Googleの求人に1週間で7万5千件の応募が殺到し世界記録達成 - DNA

人体版Googleマップ「Google Body Browser」で体内を探検する - DNA

Googleが提供するAPIやアプリなどを元素周期表で表現したサイト「Google APIs & Developer Products」 - DNA

Google提供、Webページ表示スピードの無料診断をオンラインで行なうサービス「Page Speed Online」 - DNA

ついに登場、Google純正「Google Reader」Androidアプリ - DNA

各国政府からGoogleへの削除依頼をまとめたサイト「Transparency Report」 - DNA

大麻(マリファナ)の地域別末端価格がよくわかるGoogleマップ - DNA

Googleストリートビューで見かけた9個の奇妙な風景 - DNA