カラーミーショップでCVR改善ツールを使うとき、最初に確認すべきは「どのページに入らないか」です。
カラーミーショップには、セキュリティ上の仕様としてHTML編集ができないページがあります。ここを知らずに導入すると、「会員登録フォームの離脱を見たかったのに数字が出ない」という形で後から気づくことになります。
一方で、プレミアムプラン限定のアプリを使うと、他のカートASPでは届かないカートページまで計測範囲を広げられます。 カラーミーショップは、プランによって分析できる範囲が大きく変わるカートです。
本記事では、タグを設置できる場所・できない場所を整理したうえで、その範囲で何を見るかを解説します。
記事のポイント
- headタグ内フリースペース設定とテンプレート編集の使い分け
- SSL対応ページにはタグを設置できないという仕様と、その対象ページ
- プレミアムプランの「タグ管理 for GTM」で広がる範囲
- カラーミーショップの「独自タグ」という用語の注意
- 計測できる範囲で見るべき3箇所
目次
- カラーミーショップでCVR改善ツールを併用する理由
- タグの設置場所は3つある
- タグを設置できないページ
- プレミアムプランならカートページまで計測できる
- 「独自タグ」という言葉に注意
- 導入前に確認するレスポンスヘッダー
- 分析できる範囲・できない範囲
- カラーミーショップで見るべき3箇所
- テンプレートを直す前にABテストで確かめる
- Dejamでカラーミーショップの改善を進める
- よくある質問
- まとめ
カラーミーショップでCVR改善ツールを併用する理由
カラーミーショップの管理画面では、売上・注文・アクセスの数字を確認できます。ただしこれらは結果であって、ページの中で何が起きたかは含まれません。
| 管理画面でわかること | わからないこと |
|---|---|
| どの商品が何件売れたか | 商品詳細ページのどこで読むのをやめたか |
| アクセス数と注文数 | カートに入れる前に何を見比べていたか |
| どのページから流入したか | どの要素がクリックされようとしたか |
「見られているのに買われていない」という事実がわかっても、その理由がわからなければ打ち手が決まりません。 ヒートマップはこの空白を埋めるために使います。
タグの設置場所は3つある
カラーミーショップでは、出力したい位置によって設定画面が分かれます（カラーミーショップ ヘルプセンター）。
| 出力位置 | 設定場所 |
|---|---|
ショップページの <head> 内 | 検索エンジン対策 > 共通「headタグ内フリースペース設定」 |
ショップページの <body> 内 | デザインテンプレート > テンプレート編集 > 共通「HTML・CSS編集」 |
| 購入完了ページ | コンバージョンタグ > headタグ内設置 / bodyタグ内設置 |
ヒートマップ等の計測タグは「headタグ内フリースペース設定」に入れます。 読み込みが遅れるとページ上部での行動を取りこぼす可能性があるためです。
この設定欄はPCショップ用とスマートフォンショップ用が分かれています。 片方にしか入れていないと、その分の計測がまるごと抜けます。ECはスマートフォン経由の比率が高いため、両方に入れてください。
計測タグは外部ファイルを読み込む形の短い記述にしておくと、設定欄を圧迫せず、後からタグの中身を変えたいときにも管理画面を触らずに済みます。
タグを設置できないページ
ここがカラーミーショップ最大の制約です。SSL対応ページはセキュリティの面からHTML編集ができない仕様になっており、タグを挿入できません。
| タグを設置できないページ |
|---|
| 決済ページ |
| お問合せ |
| マイアカウント・会員ログイン・新規会員登録 |
| 友達に教える |
| メルマガ登録・解除 |
| レビュー |
ショッピングカート内のURLにもタグを追加できません。
これが改善計画に与える影響
フォーム改善（EFO）の効果を数値で検証できません。 会員登録フォームとお問い合わせフォームが計測対象外だからです。「入力項目を減らしたら離脱が減った」という検証が、標準プランの範囲ではできません。
したがって標準プランでの改善計画は、フォームに入る前、つまり商品詳細ページとカテゴリ回遊に寄せるのが現実的です。ここは制約ではなく前提として扱い、限られた範囲で確実に効く打ち手から着手します。
プレミアムプランならカートページまで計測できる
カラーミーショップには、アプリストアで提供される**「タグ管理 for GTM」**があります（ヘルプセンター）。Googleタグマネージャーと連携し、標準の設定画面では対応できなかった範囲にタグを設置できるアプリです。
| このアプリで広がる範囲 |
|---|
| カートページと購入完了ページの間の決済情報の取得 |
| 配送情報入力ページへのタグ設置 |
| 割引価格など、これまで取得できなかった購入情報の取得 |
利用できるのはプレミアムプランのみです。プレミアムプラン以外でも指定の箇所にタグを埋め込むこと自体は可能ですが、動作検証が行われていないとヘルプセンターに明記されているため、正常に動かない可能性があります。
GTM経由にするかどうかの判断
すでにGTMを運用しているなら、GTM経由に寄せるとタグの追加・変更がGTMだけで完結し、バージョンを戻すだけで切り戻せます。ただし次の2点は併記しておきます。
| 管理画面に直接 | GTM経由 | |
|---|---|---|
| タグの追加・変更 | 管理画面を都度触る | GTMだけで完結 |
| 切り戻し | 操作履歴に依存 | バージョンを戻すだけ |
| 読み込み | 直接 | 1段挟まるぶんわずかに遅い |
| CSP | ツールのドメインのみ | GTMのドメインも許可が必要 |
「独自タグ」という言葉に注意
カラーミーショップのマニュアルに出てくる**「独自タグ」は、テンプレート内で使う変数の呼称**です。商品名や価格を差し込むためのもので、計測タグのような任意のJavaScriptを指す言葉ではありません。
制作会社やツールベンダーとやり取りするときに、この用語が食い違ったまま話が進むことがあります。「独自タグで対応できます」と言われたら、テンプレート変数の話なのか、任意のタグ設置の話なのかを必ず確認してください。
導入前に確認するレスポンスヘッダー
CVR改善ツールは、①タグによる計測と、②サイトをiframeで読み込むビジュアルエディタの2つでできています。止まる原因が別なので、分けて確認します。
| ヘッダー | 影響する機能 |
|---|---|
X-Frame-Options | ABテスト・LPOのビジュアルエディタ |
Content-Security-Policy | 計測タグの読み込みと送信 |
X-Frame-Options: DENY でも、ヒートマップの計測は動きます。 編集機能だけが止まります。したがって「まず計測から始める」という進め方が可能です。
curl -sI https://（自社ドメイン） | grep -i "x-frame-options\|content-security-policy"何も出力されなければ制限はありません。カートASPではレスポンスヘッダーを店舗側で変更できないことが多いため、制限があった場合は計測から始めるという判断になります。詳細はCVR改善ツールが動かない原因はヘッダー｜X-Frame-OptionsとCSPの確認方法にまとめています。
分析できる範囲・できない範囲
| 画面 | 標準プラン | プレミアムプラン |
|---|---|---|
| トップ・商品カテゴリー・商品詳細・検索 | ⭕️ | ⭕️ |
| 購入完了ページ | ⭕️ コンバージョンタグ | ⭕️ |
| カートページ・配送情報入力 | ❌ | ⭕️ アプリ経由 |
| 会員登録・お問い合わせ・レビュー | ❌ | ❌ |
**標準プランの改善対象は「カート投入前まで」**です。カゴ落ちの要因の多くは商品ページ側にあるため、まずはここから着手すれば改善余地は十分に残っています。
カラーミーショップで見るべき3箇所
1. 商品詳細ページのカートボタンまでの距離
テンプレートによっては、商品説明・配送情報・関連商品が縦に積まれ、カートボタンが折り返しの下に沈みます。 熟読ヒートマップでボタン位置まで読まれているかを見ます。読まれていなければ、ボタンの位置か、その手前の情報量のどちらかが原因です。
2. レビュー表示部分のクリック
レビューページ自体は計測できませんが、商品詳細ページに表示されているレビューへのクリックは計測できます。 ここが強くクリックされているなら、購入の判断材料としてレビューが求められている状態です。件数が少ない商品では、レビューの位置を下げて別の判断材料を前に出すほうが効くことがあります。
3. カテゴリページから商品詳細への遷移
カテゴリ配下の商品数が増えると、一覧を上から順に見て離脱する動きが出ます。クリックヒートマップで絞り込みや並び替えが使われているかを確認します。使われていなければ、導線が見えていないか、存在に気づかれていません。
テンプレートを直す前にABテストで確かめる
上の3箇所は「仮説」です。ヒートマップでわかるのは何が起きているかであって、直したら良くなるかではありません。
テンプレート編集で直接書き換えると、切り戻しに手間がかかり、効果があったかどうかも残りません。ABテストであれば、元のページを保ったまま変更案を一定割合に配信して比較できます。効果が出た案だけをテンプレートに反映すれば、書き換えの回数そのものを減らせます。
Dejamでカラーミーショップの改善を進める
Dejamは「headタグ内フリースペース設定」にタグを1本入れるだけで使い始められます。
ヒートマップ
クリック・クリックイベント・熟読・滞在・離脱の5種類を計測します。離脱は5%刻みの20バンドで見られるため、「商品詳細ページのどのあたりで抜けているか」を具体的な位置として特定できます。データ保存期間に制限はありません。
ABテスト
デザイン変更テスト・リダイレクトテスト・ポップアップテストの3種類に対応しています。テンプレートを書き換えずに、配信側で差し替えて効果を比較できます。
LPO
流入元ごとにページの内容を出し分けます。フォームの計測ができない環境では、フォームに入る前の段階で迷いを減らしておくことが相対的に重要になります。
よくある質問
Q. 会員登録フォームの離脱を分析したいのですが、方法はありますか？
A. 会員登録ページはSSL対応ページのため、タグを設置できません。プレミアムプランのGTMアプリでも対象は購入フローであり、会員登録ページは含まれません。フォームの手前でどれだけ迷いを減らせるかに軸を移すことになります。
Q. タグを設定したのに計測されません。
A. 3点を確認してください。①PCショップ用とスマートフォンショップ用の両方に入っているか、②計測したいページがSSL対応ページに該当していないか、③Console タブにエラーが出ていないか。①と②が原因のほとんどです。
Q. 「タグ管理 for GTM」は他のプランでも使えませんか？
A. アプリ自体はプレミアムプラン限定です。他のプランでも指定の箇所にタグを手で埋め込むことはできますが、動作検証が行われていないとヘルプセンターに明記されているため、正常に動作しない可能性があります。
Q. テンプレートを自分で直せるのに、ABテストは必要ですか？
A. 直せることと、直した効果を判定できることは別です。ABテストは「変更する手段」ではなく「変更を決める材料」を得るためのものです。
まとめ
- 計測タグは**検索エンジン対策 > 共通「headタグ内フリースペース設定」**に入れる
- PC用とスマートフォン用の両方に入れる。片方だけだと半分が欠測する
- SSL対応ページはHTML編集不可。決済・お問合せ・会員登録・レビュー等にタグは入らない
- 標準プランの改善対象はカート投入前まで
- **プレミアムプランの「タグ管理 for GTM」**を使うとカートページ・配送情報入力ページまで広がる
- カラーミーショップの**「独自タグ」はテンプレート変数の呼称**。計測タグのことではない
- 見るべきはカートボタンまでの距離・レビューへのクリック・カテゴリからの遷移
ECサイト全体のCVR改善の考え方はECサイトのCVR改善ガイドにまとめています。
CVR改善ならDejam！入る範囲から確実に改善を回す
Dejamは、LP制作・ヒートマップ分析・ABテスト・AI自動解析をオールインワンで提供するCVR改善特化ツールです。「数字は見えているが、どこを直すべきか決められない」という段階から、本格的なPDCAを回して成果を最大化するまでを総合支援します。
Dejamが選ばれる理由
- 国内唯一のワンプロダクト: LP制作・ヒートマップ分析・ABテストをすべて単一ツールで完結
- 月額3万円〜利用可能: オプティマイズプラン月額3万円〜 / CMSプラン月額5万円〜 / オールインワン月額12万円〜
- ユーザー課金なし: 何名で使っても追加費用は発生しない
- ISMS認証取得: ISO/IEC 27001:2022 & JIS Q 27001:2023認証取得済み
- 毎週アップデート: 市場トレンドとユーザーリクエストに応じて機能を毎週拡充
Dejamの主要機能
- LP/記事LP制作: ノーコード・コードの切り替えに対応。AIで生成したコードを直接取り込み可能
- ヒートマップ: 5種類（クリック/クリックイベント/熟読/滞在/離脱）。データ保存期間無制限
- ABテスト: デザイン変更テスト・リダイレクトテスト・ポップアップテストの3種類
- 自動解析: どのコンテンツがCVRに貢献しているかAIが自動解析
- 独自ドメイン300件まで無料: LP専用ドメインを大量運用しても追加費用なし
テンプレートを書き換えずに検証できるため、公開中のショップを止めずに改善を進められます。
