ウェブ、ショウジン

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

2009-12-25
Category
Web技術

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のモバイル向けトラッキング準備完了。

Categories

Tag Cloud

AdMob Android Apache centos CodeIgniter EC-CUBE facebookアプリ facebookページ feed Firefox Flash google googleanalytics htaccess iPad iPhone JavaScript lamp mobile nginx ogp pear php plugin rollover rss sendmail setting smarty ssh Titanium Mobile Titanium Studio tutorial ubuntu vim VirtualBox vmware vps Windows WordPress xampp youtube さくらインターネット アクセス解析 カスタム投稿