Google Analyticsを携帯サイトで利用する

Google Analyticsを携帯向けサイトでも利用するための手順覚え書き。

トラッキングしたいサイトはWordpressで構築しているブログサイト。
これにWordpressの携帯ページ変換プラグイン「Ktai Style」をインストールして
この「携帯サイト」としてのブログをGAでトラッキングする。

まずはトラッキングコードを取得するためにGoogle Analyticsにアクセス。

既存のプロファイル（登録済みで現在すでにトラッキングしているサイト）に
あらたに携帯用トラッキングコードを取得したいので、そのサイトプロファイルの
「編集」へ進み、右上にある「ステータス確認」のリンク文字列をクリック。

次の「トラッキングコード」の画面で、新しくモバイル向けのトラッキングコードを
取得する。

「トラッキングコードの追加手順」のところにある「アドバンス」をクリック。
（この部分、なぜかクリッカブルな範囲が非常にせまく、隠し？リンクぽくて苦労した）

すると、「何をトラッキングしますか？」の部分の選択項目を変更できるように
なるので、ここで「携帯電話向けのサイト」をチェック。

すると、右側に「携帯電話向けのサイトにコードを貼り付けます」という文言と
ともに、トラッキングコードが「ふたつ」表示される。

まず、先に表示されているものを、注釈にあるようにトラッキングしたいサイトの
ページすべてのタグ直前に貼り付ける。

次に表示されているものは、これも注釈にあるようにの直前に
貼り付ける。

どちらの作業もWordPressのテンプレートファイル（ふたつ）に記述すればいいので
「全ページに」とかいっても、別に大変ではない。（今回はモバイル向けなので
別にインストールしたKtai Styleというプラグインにおけるテンプレートファイルに記述した）

これでトラッキングに必要なコードの準備は完了。

つづいて、ga.phpというファイルを、この画面（トラッキングコード）にあるテキストリンクから
ダウンロードし、これをトラッキングしたいサイトのルートディレクトリ（”/”）に保存する。

Google Analyticsの画面にある説明でいくと、これで準備は完了、トラッキングは開始される
はずなんだけど、なぜか？このままではトラッキングはされない。

モバイル端末でサイトのページ最下部を見たときに、リンク切れ画像の「ぺけ」アイコンが
表示されていたら、これはトラッキングが失敗している証拠。

ちょっと調べて、以下のエントリを参考にしてこの問題を解消。
Ktai styleにGoogle Analyticsのトラッキングコードを埋め込む方法

ヘッダ部用のトラッキングコード（タグ直前に貼り付ける）の内容を一部修正する。

$GA_ACCOUNT = "MO-hoge-hoge"; // hogehogeのところはプロファイルごとに異なる番号
$GA_PIXEL = "ga.php";

上記二行の部分を

function googleAnalyticsGetImageUrl() {
    global $GA_ACCOUNT, $GA_PIXEL;

の後に移動させて、以下のようにする。

<?php
  // Copyright 2009 Google Inc. All Rights Reserved.
  function googleAnalyticsGetImageUrl() {
    global $GA_ACCOUNT, $GA_PIXEL;
    $GA_ACCOUNT = "MO-hoge-hoge";
    $GA_PIXEL = "ga.php";

さらに、

$url = “”;

のダブルクォーテーション内に、トラッキングしたいサイトのウェブルートを
記述する。http://showzine.info/blogをトラッキングしたければ
$url = “http://showzine.info/ というふうに。

この時点で、再度ページをモバイル端末で表示すると（更新して）ペケ状態になっていた
画像アイコンが消えている。ということは、トラッキング成功か。

でも、先述の参考エントリに

$url .= "&utmdebug=ON";

という記述も追加したとあったので、自分も真似して、同じようにしておいた。
追記した位置は、既存の「$url .= “&guid=ON”; 」のすぐ下。

以上でGoogle Analyticsのモバイル向けトラッキング準備完了。

Tags: google analytics, setting

Google Analyticsを携帯サイトで利用する

Comments