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

2010年2月5日

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

Yahoo!ブックマークに登録

1 Star2 Stars3 Stars4 Stars5 Stars (現在評価はありません。)
Loading ... Loading ...

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



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

Comments

Powered by Facebook Comments

この記事を読んだ方は下記も投稿も読んでいます

コメント・トラックバック

  1. [...] でも携帯サイトのトラッキングコードは Ultimate Google Analytics では出力できません。こちらの方が紹介されているように、ヘッダ・フッタに自分でトラッキングコードを埋めなくてはなり [...]

  2. [...] WordPressの携帯表示(Ktai Style)でモバイル向け Google Analyticsを導入 | [k]id.   [...]

  3. [...] WordPressの携帯表示(Ktai Style)でモバイル向け Google Analyticsを導入 | [k]id. [...]

トラックバック

コメントする

Filed under: WEB Tips,WordPress Tips
タグ: ,