Google AnalyticsをKtai Styleに対応させてみた

完全に放置していたのですが、重い腰を上げてGoogle AnalyticsをKtai Styleに対応させてみました。気軽な気持ちで始めたのですが、指示されたようにしても全然上手くいきませんでした。直ぐにKtai Styleのテーマの置き場所の関係だろうと思ったのですが、Google Analyticsはデータが直ぐには反映されないので、成功しているのか分かりづらいです。そんなこんなで、予想よりも時間がかかってしまいました。

Google Analyticsに携帯電話向けのトラッキングコードが出来た事は知っていたのですが、見て見ぬ振りをしていました。面倒だったのと、たいしてアクセスもありませんでしたから・・・。PCサイト向けに新しいトラッキングコードを貼り替える機会があったので、一緒に作業を開始した次第です。そして悩む事に・・・。

導入手順

知っているとは思いますが、意外と迷子になりがちなので・・・。

Analytics 設定から、プロファイル横の 編集 をクリック。プロファイル設定から、ステータス確認 をクリック。

トラッキングコードページから、携帯電話向けのサイト と PHP を選んでコードを得ます。

携帯電話向けのサイトとPHPを選ぶ

携帯電話向けのサイトにコードを貼り付けます 以下に二ヶ所のコードがありますので、とりあえずコピーしておいて下さい。

以下、二ヶ所のコードをコピー

ファイルをルート ディレクトリにコピーします から、ga.php をダウンロードします。

ga.phpをダウンロード

先程ダウンロードした ga.php をサーバーのルートデレクトリにアップロードしておきます。一般的には、” / ” にアップロードすれば良いと思いますが、ご自身の環境に合わせて下さい。

サーバーのルートデレクトリにアップロード

先程の二つのコードを、Googleの指示に従って貼り付けても私の場合はダメでした。そのまま貼り付けると ga.php の場所を探し出せていないようです。おそらくリンク切れのバツ画像が表示されると思います。

もしかしたら、ga.php の場所を変えれば良いのかもしれませんが、私はコードの方を変更する事で対応しました。あらゆる可能性を試した訳ではありませんので、一つの例として考えてもらえればと思います。

色々試した結果、以下の二ヶ所の場所を変える事が必要なようです。

$GA_ACCOUNT = “MO-xxxxx-x”;
$GA_PIXEL = “ga.php”;

以下の二カ所は、ご自身の環境に合わせて下さい。

$GA_ACCOUNT = “MO-xxxxx-x”;
$url = “http://www.hoge.com/”;

header.php の先頭に以下を追加しました。

<?php
  // Copyright 2009 Google Inc. All Rights Reserved.
  function googleAnalyticsGetImageUrl() {
    global $GA_ACCOUNT, $GA_PIXEL;
    $GA_ACCOUNT = "MO-xxxxx-x";
    $GA_PIXEL = "ga.php";
    $url = "http://www.hoge.com/";
    $url .= $GA_PIXEL . "?";
    $url .= "utmac=" . $GA_ACCOUNT;
    $url .= "&utmn=" . rand(0, 0x7fffffff);
    $referer = $_SERVER["HTTP_REFERER"];
    $query = $_SERVER["QUERY_STRING"];
    $path = $_SERVER["REQUEST_URI"];
    if (empty($referer)) {
      $referer = "-";
    }
    $url .= "&utmr=" . urlencode($referer);
    if (!empty($path)) {
      $url .= "&utmp=" . urlencode($path);
    }
    $url .= "&guid=ON";
    return str_replace("&", "&amp;", $url);
  }
?>

footer.php の body の直前に追加します。こちらは変更を加えていませんので、そのままコピペでOKです。

<?php
  $googleAnalyticsImageUrl = googleAnalyticsGetImageUrl();
?>
<img src="<?= $googleAnalyticsImageUrl ?>" />

ここまでした結果で、私の環境ではバツ画像が消えてくれました。後日、チェックしてみると、ちゃんとトラッキングしてくれていました。私がアクセスしまくったせいで、その日の上位にランクインしています。

トラッキングしています

全ての環境で同じとは思えないので、色々と試行錯誤が必要かもしれません。モバイル専用のアクセス解析を導入する方が安全かもしれませんが、やはり沢山は導入したくはありません。こう言うデータは、まとまっていた方が便利です。手を加えないといけないのは問題ですが・・・。

追記

違った方法があるのかなと思って調べていると、ほとんど同じような感じでした。と思ったら、気になる記事が・・・。

【WordPress】Ktai styleにGoogle Analyticsのトラッキングコードを埋め込む方法 | 渡辺大祐ブログ

こちらの方は、$url .= “&utmdebug=ON”; も追加しています。加えておいた方が無難な感じがしてきましたが、これも試してみようと思います。

追記2

私の環境では、$url .= “&utmdebug=ON”; を有り無し関係なくトラッキング出来ているみたいです。サンプル数が少ないので、その辺は微妙ですが・・・。