Google Analytics モバイル版をCakePHPで導入してみた

2009年11月1日 12:51

いやぁGoogle Analyticsがモバイルに対応しましたね。CakePHPで開発した自分のサイトでも早速導入しましたが、なかなかトラッキングできず困っていましたが、スゴい簡単なミスをおかしていました。

ブログなどを参考に導入してみたが、なかなかトラッキングできなくて。CakePHPで導入するときはちょっと注意が必要かも。

俺だけかな。

まずはPHPとかダウンロードする

これが無いとどうしようもないですね。Google Analytics Now More Powerful, Flexible And Intelligentからダウンロードできます。「download snippet instructions」ってところがダウンロードリンクです。

ファイルをアップロード

ダウンロードしたファイルのga.phpをwebrootフォルダにアップロードします。

ソースを埋め込む

ダウンロードしたファイルのphp1.snippetをエディタで開き、コピーしてモバイル用layoutの一番上に貼付ける。

んで、

$GA_ACCOUNT = “ACCOUNT ID GOES HERE”;

の箇所を、UA-XXXXXXXX-NをMO-XXXXXXXX-Nにして「ACCOUNT ID GOES HERE」の部分に入力。

$GA_PIXEL = “ga.php”;

という部分を”/ga.php”とします。

次にphp2.snippetのファイルをエディタで開き、コピーして</body>タグの直前にでもペースト。php2.snippetはimgタグを吐き出すようになっているので、bodyタグ内に貼付けること。

ここからが重要!

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

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

と変更すること。これがどうやら問題だったぽい。PHPショートタグが問題だったようだ。

これでちゃんとトラッキングしました。

よかったよかった(^^

著者:イハラ ユウタ

埼玉県の武蔵浦和在住。某ウェブ制作会社のFlashクリエイター兼フロントエンドエンジニアを経て、フリーのWebディベロッパーとして様々なサービス開発のお手伝いをしている最新技術が大好きなブロガー。

無料になりブログ検索対策もされた『FeedBurner』

直感で使えるアクセス解析『Google Analytics』

未来の車はタイヤが違う!タイヤの構造を根本から考えなおしたコンセプト

未来の車ってデザインがシャープで、自動運転機能や宙に浮いたり…ってのを想像しますが、近い未来はタイヤもまったく新しいモノになるのかもしれないと考えさせられました。

地上からの風景を表示『Google Maps Street View』

なぜGoogleマップと別なの?『Googleトランジット』

Googleの自動運転カーが人々にもたらす希望とその技術の可能性

セルフドライビングカー、オートドライビングカー、自動操縦自動車…まぁ人によって呼び方は様々でしょうが、車に乗れば座っているだけで目的地まで連れていってくれる車があったらどう思います?恐いなぁって人もいれば、単純にスゴイなぁ、未来だなぁって感じる人もいるでしょう。その技術の可能性について動画を観ながら考えてみます。

Googleマップが日本人に見易いように大幅にバージョンアップした

すごい見やすいぞ!なんていうか見やすすぎる!なんでだろう。今までの地図より断然見易い。しかも旅行したくなる…いや冒険したくなる。

グルーポンと競合するであろうGoogle offersはどんなサービスになるだろうか

つい最近、Googleはクーポンサイトで有名なGroupon(グルーポン)を買収しようとしていたが、結局それは失敗に終わり、Googleは独自のクーポンサービスを提供しようとしている。最近いろいろ話題のグルーポンだが、Googleらしくやってもらいたいものだ。そこで、どんなサービスになるか予想してみる。

Googleが未来のメガネを提案!手から携帯電話が消える時代が来た

Googleがまた面白くて未来を感じさせてくれるプロジェクトを開始した。Project Glassという未来のメガネ開発プロジェクト!このメガネがあれば生活はより便利で楽しいものになりそうです。

必要なものだけのブラウザ『Camino』