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

2009.03.312023.08.26

この記事は約8分で読めます。

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

ショップメーカー

グーグルアナリティクスのタグを貼る

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

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

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

２　お客様情報入力画面
[PC版カート]→[お客様情報入力画面]→フリーフォーム（顧客情報）

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

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

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

の５箇所である。

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

<!–グーグルアナリティクス基本タグここから–>
<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);
の２行を追加してあることである。

最後に
プロモーション
[管理画面]→[プロモーション]→[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);
の２行も追加しておく。
（※この２行の追加は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のところはとりあえず固定値で文字や数値を入れてある。今後のサポートを期待しよう。

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