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のリンクからファイルを保存し、先程設定したパスに設置。

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

ページトップへ
kid