TOP > analytics/グーグルアナリティクス, ec_netshop/ネットショップ通販 >

ショップメーカーにグーグルアナリティクスのタグを貼るにはちょっとしたコツが必要、タグのカスタマイズと貼る場所は

Shopmaker_settingASP買い物カゴを使っている場合でもグーグルアナリティクスのeコマース解析ができるかもしれない。ネットショップなら売上の解析がアナリティクスでできるようにしたほうがいい。ASP買い物カゴのショップメーカー(SHOP-maker)なら、管理画面でタグの貼り方を工夫すればOK。ただし、ショップメーカー(SHOP-maker)は正式にグーグルアナリティクスをサポートしていないので、タグのカスタマイズとタグの貼る場所にはちょっとしたコツが必要になる。

ショップメーカー(SHOP-maker)は「MTでネットショップを作るなら、買物カゴはASP型買物カゴが便利」という説明でおすすめしているレンタルのショッピングカートである。
ショップメーカー(SHOP-maker)には、グーグルアナリティクスのタグを貼る場所があらかじめ用意されているわけではない。そこで、どこにタグを貼るか?という点がポイントになる。ショップメーカー(SHOP-maker)のサポートに尋ねたところ、正式なサポートはしていないものの、すでに動作確認して利用しているネットショップが多数あり、その利用法を教えてくれた。
ここでは、その内容にプラスして追加カスタマイズしたタグなどの設定方法を紹介する。

Shopmaker_analytics

管理画面から以下のところに「アナリティクス基本タグ」を貼る。

1 商品注文(カート画面)
  [PC版カート]→[共通設定/カート画面>テキスト設定]

2 お客様情報入力画面
  [PC版カート]→[お客様情報入力画面]→フリーフォーム(顧客情報)

3 お客様情報入力画面
  [PC版カート]→[お客様情報入力画面]→決済テキスト設定
  ※決済方法の最上位に表示されます。

4 商品お届け先画面(<<商品お届け先>>)
  [PC版カート]→[商品お届け先画面>配送カレンダー設定]

5 最終画面
  [PC版カート]→[最終画面>テキスト設定]

の5箇所である。

この5箇所には以下の「アナリティクス基本タグ」を貼る。

<!--グーグルアナリティクス基本タグここから-->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl."
: "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.
com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-*******-1");
pageTracker._setDomainName("none");
pageTracker._setAllowLinker(true);
pageTracker._trackPageview();
} catch(err) {}</script>
<!--グーグルアナリティクス基本タグここまで-->

ここでの注意点は、
UA-*******-1を自分のネットショップのタグに変更すること
通常のタグに比較すると
 pageTracker._setDomainName("none");
 pageTracker._setAllowLinker(true);

の2行を追加してあることである。

最後に
 プロモーション
 [管理画面]→[プロモーション]→[PPC広告]
  ※[PPC広告]より設置されたタグは、自動的にカートの最終画面に反映されます。
に次の「アナリティクス買物情報取得タグ」を貼る。
ヘルプのPPC広告について

<!--グーグルアナリティクス買物情報取得タグここから-->
<script type="text/javascript">
  var pageTracker = _gat._getTracker("UA-*******-1");
  pageTracker._initData();
  pageTracker._trackPageview();

  pageTracker._addTrans(
    0001,                    // Order ID
    "",                            // Affiliation
    10500,                    // Total
    "",                            // Tax
    "",                            // Shipping
    "",                            // City
    "",                            // State
    ""                             // Country
  );

  pageTracker._addItem(
    0001,                    // Order ID
    "1",                               // SKU
    "domodomo",                            // Product Name
    "goods",                            // Category
    10000,                   // Price
    "1"                             // Quantity
  );

  pageTracker._trackTrans();
</script>
<!--グーグルアナリティクス買物情報取得タグここからまで-->

ここで
 "domodomo",                            // Product Name
は商品名が「domodomo」で
 10500,                    // Total
は税込み価格が10500円であることであり、
 10000,                   // Price
は税別の商品単価が10000円であることを示している。

この状態で動くはず。

出典は、Analyticsヘルプのeコマース トランザクションをトラッキングするにはどうすればよいですかより。

ただし、このままのタグだと、すべての商品が「domodomo」で商品単価「10000円」となってしまう。

その対策は、その部分に「変数」を入れることである。
「10000円」などという固定の数値ではなく、商品ごとの単価という「変数」をうまくひっぱってこれれば、この処置でうまくいく。

さて、その変数とは…。(^^;

なんとショップメーカーのデモ画面にログインすると紹介されていた。PC版カート(最終画面)
また、ヘルプの最終画面説明にも同様のタグが紹介されている。

~以下引用~
注文最終画面に注意書き等、オリジナルメッセージを追加することができます。(HTMLタグ有効)
[% onum %] や [% email %] などの置換タグを入力されますと、受注番号や注文者のメールアドレス等と置き換えて表示させることができます。「初期設定に戻す」ボタンを押すと、初期設定の状態に戻すことができます。
例) 受注番号:[% onum %] → 受注番号:0123456789

ご利用頂けるタグは以下の通りです。

受注番号   :  [% onum %]
注文者メールアドレス   :  [% email %]
ショップ名   :  [% sname %]
ショップURL   :  [% surl %]
ショップURL(TARGET)   :  [% starget %]
ショップメールアドレス   :  [% smail %]

さらに、問い合わせたところ

商品合計金額(消費税・送料・手数料含まない)  : [% gtamt %]
総合計金額(消費税・送料・手数料を含む)        : [% tamt %]

も使えることがわかった。

なので、この「変数」を組み込むと「ショップメーカー用のタグ」ができあがる。
さらに、
  pageTracker._setDomainName("none");
  pageTracker._setAllowLinker(true);
の2行も追加しておく。
(※この2行の追加は2009年8月4日)

<!--グーグルアナリティクス買物情報取得タグここから-->
<script type="text/javascript">
  var pageTracker = _gat._getTracker("UA-*******-1");
  pageTracker._setDomainName("none");
  pageTracker._setAllowLinker(true);
  pageTracker._initData();
  pageTracker._trackPageview();

  pageTracker._addTrans(
    [% onum %],                    // Order ID
    "",                            // Affiliation
    [% gtamt %],                    // Total
    "",                            // Tax
    "",                            // Shipping
    "",                            // City
    "",                            // State
    ""                             // Country
  );

  pageTracker._addItem(
    [% onum %],                    // Order ID
    "1",                               // SKU
    "goods",                            // Product Name
    "shopmaker",                            // Category
    [% tamt %],                   // Price
    "1"                             // Quantity
  );

  pageTracker._trackTrans();
</script>
<!--グーグルアナリティクス買物情報取得タグここからまで-->

変数が使えないSKU、Product Name 、Category、Quantityのところはとりあえず固定値で文字や数値を入れてある。今後のサポートを期待しよう。

▼eコマース機能を使うとECサイトの売上金額の推移がわかる
Anlytics_ec

遠田はツイッターで時々つぶやいています。興味あるかたはご覧になってみて、よろしければフォローしてください。

人気ブログランキングに参加しています。
よろしければ1票クリックください。おねがいします。ペコリ m(__)m
ぽちっとクリックお願いしますさて、今日は何位かな?

※クリックすると人気ブログランキングの北陸ページのランキング一覧にジャンプします。

powered by
感動のビジネスを支援する 株式会社ドモドモコーポレーション
ドモドモコーポレーション株式会社ドモドモコーポレーション
代表取締役 遠田幹雄(中小企業診断士,ITコーディネータ)
〒929-1171 石川県かほく市木津ロ64-1
電話076-285-8058 IP電話:050-1462-8058

< 2009/3/31 | analytics/グーグルアナリティクス, ec_netshop/ネットショップ通販 | >
遠田幹雄です。どもども、ドモドモ(^^)v 中小企業診断士ブログ
« グーグルアナリティクスのトラッキングコードを見直す、カスタマイズ方法はアドワーズ広告ヘルプの説明がいい | トップページ | 福井のITコーディネータはITC福井(福井県情報化支援協会)、ブログでの露出度では川中重司氏がNO1 »

はてなブックマーク 遠田幹雄中小企業診断士ブログはてなブックマーク  遠田幹雄中小企業診断士ブログはてなブックマーク  |  ヤフーブックマーク  Yahoo!ブックマークに登録  user


▼グーグルより
■当サイトは、中小企業診断士でITコーディネータの遠田幹雄(とおだみきお)が中小企業の経営者に役に立つマーケティングやバランススコアカードや経営戦略などのビジネス情報を紹介する中小企業診断士ブログです。

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/24396/44518886

この記事へのトラックバック一覧です: ショップメーカーにグーグルアナリティクスのタグを貼るにはちょっとしたコツが必要、タグのカスタマイズと貼る場所は:

» ショップメーカーにグーグルアナリティクスのタグを貼るにはちょっとしたコツが必要、タグのカスタマイズと貼る場所は:中小企業診断士ブログ/遠田幹雄 トラックバック sphinn.jp
ASP買い物カゴのショップメーカー(SHOP-maker)は標準ではグーグルアナリティクスのEC機能が使えない。 しかし、タグの貼り方を工夫すればアナリティクスの画面でECサイトの売上金額データを集計することができる。 アナリティクスのタグのカスタマイズとタグの貼る場所にはちょっとしたコツが必要になるがその方法とは?... [続きを読む]

受信: 2009/04/18 19:20:44

コメント

お疲れ様です!
先日はありがとうございました。
この情報はすばらしいです!
今後の制作の選択肢が増えました♪

投稿: ヒゲ男 | 2009/04/01 09:46

非常に有益な情報をありがとうございました。
当方の管理サイトでも導入してみようと思います。

ただ、抜けている点があって気になったのでお伝えします。
Analyticsヘルプにもありますが、

自サイトとショップメーカーをつなぐ、

リンクには
onclick="pageTracker._link(this.href); return false;"

フォームには
onsubmit="pageTracker._linkByPost(this)"

を追加する必要があります。

また、トラッキングコードをこれらのスクリプトより前に置く必要があります。

参考URL
http://www.google.com/support/googleanalytics/bin/answer.py?hl=jp&answer=55532

投稿: | 2009/08/23 22:21

投稿:| 2009/08/23 22:21さんへ
貴重なアドバイスありがとうございます。
ご指摘のとおり、

リンクには
onclick="pageTracker._link(this.href); return false;"
フォームには
onsubmit="pageTracker._linkByPost(this)"
を追加する必要があります。

という点はグーグルのヘルプ
http://www.google.com/support/googleanalytics/bin/answer.py?hl=jp&answer=55532
に記述されています。

ご指摘ありがとうございます。

投稿: 遠田幹雄 | 2009/08/24 12:27

コメントを書く






▼当サイトでよく見られている人気記事とグーグルからの検索でアクセスが多い検索キーワードは以下のとおりです。
ショップメーカーにグーグルアナリティクスのタグを貼るにはちょっとしたコツが必要、タグのカスタマイズと貼る場所は