WordPressの携帯表示(Ktai Style)でモバイル向け Google Analyticsを導入 | 東京都世田谷区 ホームページ制作 [k]id

WordPressの携帯表示(Ktai Style)でモバイル向け Google Analyticsを導入

Category WEB Tips,WordPress Tips Update 2010.02.05

twitterfacebookgoogle+はてなブックマークPocketであとで読むfeedlyで購読

ablog

WordPressの携帯表示にKtai Styleを使用させていただいているのですが、モバイル向け Google Analyticsの日本語対応が完了したということで、早速導入してみる事にしました。

1、プロファイルの設定

まずAnalyticsのプロファイル一覧のページを開き、プロファイル一覧の一番右上の
「+ 新しいプロファイルを追加」を押して「プロファイルを新規作成」画面にいきます。
p1

「プロファイルの種類を選択」→新しいドメインのプロファイルを追加にチェック
「新しいドメインのプロファイルを追加」→URLを入力
p2

※オフィシャルBlogに「PC 向けのトラッキング コードとの併用はできません。」とあるので、念のため新規で。。

2、アドバンス設定

トラッキングコートの追加手順の項でアドバンスのタブを選択
p3

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

3、携帯電話向けのサイトにコードを貼り付けます

ここで表示されたコードをKtai Styleに貼付けます。

人によって若干異なると思うのですが、

wp-content/plugins/ktai_style/themes/選んでいるテーマ

のheader.phpの<html>タグの直前に

<?php
// Copyright 2009 Google Inc. All Rights Reserved.
$GA_ACCOUNT = "トラッキングコード";
$GA_PIXEL = "パス";
function googleAnalyticsGetImageUrl() {
$GA_ACCOUNT = "トラッキングコード";
$GA_PIXEL = "パス";
$url = "";
$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);
}
?>

ここで注意点
どうもKtai Styleでの設定だと
global $GA_ACCOUNT, $GA_PIXEL;が読み込まれていないので
上記のように
・$GA_ACCOUNT = “トラッキングコード”;
・$GA_PIXEL = “パス”;
をfunctionの中に入れ込んでしまいます。

さらに。
footer.phpの</body>の直前に

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

を挿入します。

ga.phpを設置

gaphp
上図のga.phpのリンクからファイルを保存し、先程設定したパスに設置。

以上で、正常に動作すると思います。

ページトップへ