カラーミーショップに計測タグを設置する方法｜headタグ内フリースペースに貼る手順

始める前に確認すること

1. 貼るタグを用意したか。ツールの管理画面からコピーしたものを、打ち直さずにそのまま貼るのが基本です。
2. スマートフォンでの表示の方式。カラーミーショップでは、スマートフォンからのアクセスにPC版ショップを出すか、スマートフォン用デザイン(スマートフォン最適化)を出すかを選べます。どちらを使っているかで、タグを入れる欄が変わります(後で説明します)。
3. 同じツールのタグがすでに入っていないか。以前に入れたタグが残っていると、ページビューが二重に数えられることがあります。
4. 使える機能はプランで違う。この記事で紹介する画面のうち、プランの条件がヘルプに書かれているものはその旨を書きました。それ以外も、ご利用のプランをご確認ください。

marketingLABOの場合は、管理画面の「サイト設定」にある「はじめの3ステップ」で、計測したいサイトの名前とURLを登録すると貼るタグが表示されます。「タグをコピーする」ボタンでコピーし、画面の案内どおりすべてのページの</head>の直前に貼ります。カラーミーショップでは、headタグ内フリースペース設定がその「全ページ共通の場所」にあたります。

カラーミーショップでタグを入れられる場所

公式ヘルプを読むと、タグを入れられる場所はいくつかあり、それぞれ入る範囲と目的が違います。計測タグを全ページに入れるなら、使うのは1行目の欄です。

headタグ内フリースペースについて、ヘルプには「ショップ独自の設定を行う場合に使用するためのもので、通常は未入力のままで問題ありません」とも書かれています。空欄が普通の状態で、外部のツールを入れるときに使う欄だと考えてください。

手順1：検索エンジン対策の画面を開く

カラーミーショップの管理画面には、メニュー配置を見直した最新のバージョンと、これまでのバージョンがあります。公式ヘルプのメニュー対比表では、検索エンジン対策は次の場所にあります。

この画面はタイトル要素・メタ要素の設定を行う画面で、タイトル、キーワード、ページ概要(description)などの欄が並びます。その中に「headタグ内フリースペース設定」があります。見つからないときは、ヘルプで案内されている管理画面のサイトマップ(要ログイン)から探せます。

手順2：headタグ内フリースペース設定に貼る

ヘルプによると、この欄に入力したタグはショップ全ページのheadタグ内に共通して挿入され、別のヘルプでは「全ページの</head>の直前に挿入されます」と説明されています。つまり、ここに1回貼れば、計測ツールの案内どおり「</head>の直前」に入ることになります。

1. 欄の中にすでに何か書かれていたら、消さずに残します。OGPやほかのツールのタグが入っていることがあります。
2. 既存の記述の最後で改行し、空いた行に短いコメントを書きます。
3. その下の行にタグを貼ります。

<!-- 計測タグ(2026-10-12追加) -->
<script src="https://...(お使いのタグ)..."></script>

コメントは、後で別の人が見たときに「何のタグを、いつ入れたか」が分かるようにするためです。タグを外すときも、どこからどこまで消せばいいかがすぐ分かります。

手順3：スマートフォン用デザインを使っている場合

headタグ内フリースペース設定には、「スマートフォンショップ用の設定」という部分があります。ヘルプでは、スマートフォンでホーム画面に追加したときのアイコンを変える方法として、この部分にタグを入れる手順が案内されています。

スマートフォン用デザインの利用設定で「スマートフォン最適化」を選んでいる場合は、スマートフォンショップ用の設定にも同じタグを入れてください。一方、スマートフォンにもPC版ショップを出している場合や、レスポンシブのテンプレートで「PC版表示」にしている場合は、ヘルプにあるとおりPC用のテンプレートがスマートフォンでも使われます。どちらの設定がスマートフォンの表示に使われているかは、次の手順4で実際にスマートフォンからソースを見て確かめるのが確実です。

手順4：【更新】を押して、反映を確かめる

入力が終わったら、画面の【更新】ボタンをクリックします。ヘルプの手順では、これで設定は完了です。続けて、次の順に確かめます。

1. ショップを別のタブで開き、ページのソースを表示します。タグの一部(読み込み先のドメインなど)で検索し、</head>の直前にあれば反映されています。
2. トップ、カテゴリー、商品詳細、フリーページなど、種類の違うページでも確かめます。全ページ共通の欄なので、どれにも入っているはずです。
3. スマートフォンでも確かめます。スマートフォン最適化を使っている場合は特に、スマートフォンでの表示にタグが入っているかを見ます。
4. ツール側で確かめます。marketingLABOでは、ショップのページを1ページ開いてから、管理画面の「計測を確かめる」ボタンを押します。届いていなければ、タグがすべてのページの</head>の直前に入っているか、保存(公開)し忘れていないかを確かめ、サイトを開き直してからもう一度押すよう案内が出ます。

タグが入らないページ

headタグ内フリースペースのタグは、カート画面には入りません。Google Analyticsの設定方法を説明したヘルプでは、この欄について「カートページや会員登録ページ、お問い合わせフォームなど除く」とも書かれています。また同じヘルプには、次のSSL対応ページはセキュリティの面からHTML編集ができず、タグを挿入できないとあります。

カラーミーショップのヘルプは、カート内の計測を行いたい場合として、レギュラー/ラージ/プラチナ/プレミアムプランで使える「Google Analytics(GA4) eコマース設定」を案内しています。これはGA4の測定IDを登録する専用の機能で、ほかのツールのタグを入れる欄ではありません。カート画面での計測が必要なツールを使いたい場合は、そのツールがカラーミーショップの専用機能やアプリに対応しているかを提供元に確かめてください。

「コンバージョンタグ」の画面とは別物

管理画面には「コンバージョンタグ」という画面もあり、headタグ内設置とbodyタグ内設置の欄があります。名前が似ていますが、ここに入れたタグが入るのは購入完了ページだけです。ヘルプでは、この画面はGoogle広告とYahoo!検索広告のコンバージョンタグを設定するための項目で、そのほかのサービスでは正常に動作しない可能性があると説明されています。測定できるのは購入完了のコンバージョンのみで、会員登録などは取得できないとも書かれています。

全ページに入れる計測タグを、コンバージョンタグの画面に貼っても、購入完了ページ以外では動きません。逆に、広告のコンバージョンタグをheadタグ内フリースペースに貼ると、購入していない人のページ表示も成果として数えてしまうおそれがあります。目的に合った画面を使い分けてください。

marketingLABOをカラーミーショップで使うときにできること・できないこと

marketingLABOは、全ページの<head>に計測タグを1行貼れるサイトで使えます。カラーミーショップでは、headタグ内フリースペースに貼ることで、カート画面の手前までのページが対象になります。

売上や注文数はカラーミーショップの売上集計などで見て、marketingLABOでは商品ページまでの動き(どこから来て、どのページを読み、どこで離れたか)を見る、という分担が現実的です。マイクロCVで、特定の商品ページの閲覧や、一定数以上のページ閲覧を「途中の成果」として数えることはできます。カートまで来た人への声かけの考え方は<a href="/ja/blog/cart-abandonment/">カゴ落ちの原因と対策</a>で、商品ページの読まれ方の見方は<a href="/ja/blog/website-heatmap/">商品ページのヒートマップの読み方</a>で詳しく説明しています。

よくある失敗と直し方

作業のチェックリスト

1. タグはツールの管理画面からコピーした。
2. 検索エンジン対策の「headタグ内フリースペース設定」に、既存の記述を残したまま貼った。
3. スマートフォン最適化を使っている場合は、スマートフォンショップ用の設定にも入れた。
4. 【更新】をクリックした。
5. PCとスマートフォンで、商品詳細などのソースにタグが1回だけ入っているのを確かめた。
6. ツール側の確認(marketingLABOなら「計測を確かめる」)で計測が届いた。
7. カート画面以降は計測の対象外だと分かったうえで、目標を決めた。

よくある質問

特定のページだけにタグを入れられますか？ headタグ内フリースペースは全ページ共通の欄です。カラーミーショップのヘルプでも、特定のページだけにnoindexタグを設置することはできず、入れる場合は全ページ共通になると説明されています。

ソースを見たら、入れた覚えのないGoogle Analyticsのタグがありました。 カラーミーショップのヘルプによると、不具合やエラー検知などの調査のため、管理者ページとショップブログプラスにはカラーミーショップ側でGoogle AnalyticsとGoogle Tag Managerを入れているそうです。ショップで設置したアクセス解析には影響しないとされています。それ以外の場所で見覚えのないタグを見つけたら、ショップの制作に関わった方に確かめてください。

Googleタグマネージャーを使って入れてもいいですか？ カラーミーショップでGoogleタグマネージャーを使うアプリ「タグ管理 for GTM」はプレミアムプランのみで使えます。この記事では、headタグ内フリースペースに直接貼る方法だけを扱いました。marketingLABOの管理画面の案内も、全ページの</head>の直前に貼る方法です。

ほかのカートシステムではどこに貼りますか？ Shopify、BASE、MakeShopなどの貼り場所はカートシステム別、計測タグを貼る場所の一覧に、MakeShopの詳しい手順はMakeShopに計測タグを設置する方法にまとめました。

marketingLABOのフリープランは0円で、サイト1つのアクセス解析・ヒートマップ・行動履歴と、フォーム・ポップアップバナー各1つが使えます。期限はなく、カードの登録も要りません。プランの違いは料金で確認でき、無料登録をするとすぐに貼るタグが表示されます。

参考にした資料

2026年10月12日に確認しました。

1. カラーミーショップ ヘルプ「各ページにおける検索エンジン最適化(SEO)の方法」
2. カラーミーショップ ヘルプ「個別のページにnoindexタグを設置したい」
3. カラーミーショップ ヘルプ「スマートフォンの『ホーム画面に追加』をしたときのアイコンを変更したい」
4. カラーミーショップ ヘルプ「スマートフォン用デザイン」
5. カラーミーショップ ヘルプ「eコマース設定を利用しないGoogleAnalyticsの設定方法」
6. カラーミーショップ ヘルプ「Google Analytics(GA4) eコマース設定の方法」
7. カラーミーショップ ヘルプ「コンバージョンタグはどこで設置できますか」
8. カラーミーショップ ヘルプ「コンバージョンタグの設定方法について」
9. カラーミーショップ ヘルプ「Googleタグマネージャー(GTM)は利用できますか？」
10. カラーミーショップ ヘルプ「管理画面のメニューについて」
11. カラーミーショップ ヘルプ「【GoogleAnalytics】自分以外のトラッキングコードが入っています」