makeshopは、CVR改善ツールから見ると「かごページまで届く」数少ないカートです。
多くのカートASPは、セキュリティ上の理由でカート画面へのタグ設置を認めていません。そのため改善対象は「カート投入前まで」に限られます。makeshopは共通headタグ管理の編集ページの選択に「買い物かご」があるため、ここだけ事情が違います。
本記事では、makeshopにヒートマップ等のCVR改善ツールを入れる手順と、その範囲で何を見るかを解説します。
記事のポイント
- 共通headタグ管理の場所と、編集ページの選択肢
- 買い物かごページまでタグを出せるという他カートとの違い
- SEO設定・Google Analytics設定と出力先が重なる注意点
- 導入前に確認するレスポンスヘッダー
- 標準テンプレートで見るべき3箇所
目次
- makeshopでCVR改善ツールを併用する理由
- 共通headタグ管理の設置場所
- 編集ページの選択で計測範囲が決まる
- 設定時の注意点
- 導入前に確認するレスポンスヘッダー
- 分析できる範囲・できない範囲
- makeshopのショップで見るべき3箇所
- テンプレートを直す前にABテストで確かめる
- Dejamでmakeshopのショップの改善を進める
- よくある質問
- まとめ
makeshopでCVR改善ツールを併用する理由
makeshopの管理画面では、売上・注文・アクセスの数字を確認できます。ただしこれらは結果であって、ページの中で何が起きたかは含まれません。
| 管理画面でわかること | わからないこと |
|---|---|
| どの商品が何件売れたか | 商品詳細ページのどこで読むのをやめたか |
| アクセス数と注文数 | かごに入れる前に何を見比べていたか |
| かご投入数と注文数の差 | かごページのどの項目で止まったか |
「かごに入れたのに買われていない」という事実がわかっても、その理由がわからなければ打ち手が決まりません。 ヒートマップはこの空白を埋めるために使います。
共通headタグ管理の設置場所
makeshopでは、管理画面から <head> タグ内に任意のソースコードを追加できます。
ショップデザイン > 共通headタグ管理 から設定します（makeshopオンラインマニュアル）。JavaScriptを含むソースコードを入力できるため、計測タグはここに貼ります。
管理画面のリニューアルにより、メニューの階層表記が変わっている場合があります。旧管理画面では「ショップデザイン（PC）> トップページ編集 > 共通headタグ管理」の並びです。最新の画面構成は公式マニュアルで確認してください。
編集ページの選択で計測範囲が決まる
共通headタグ管理には、どのページに出力するかを選ぶ項目があります。ここがmakeshopの要です。
| 選択肢 | 出力されるページ |
|---|---|
| 全ページ共通 | トップ・商品カテゴリー・商品詳細・検索・かごページなど |
| トップ | トップページのみ |
| 商品分類 | 商品カテゴリーページのみ |
| 商品詳細 | 商品詳細ページのみ |
| 商品検索 | 検索結果ページのみ |
| 買い物かご | かごページのみ |
計測タグは「全ページ共通」を選びます。 ページごとに入れ分けると、どこかのページだけタグが抜けて、ファネルの途中が欠測します。
かごページを計測できることの意味
他のカートASPでは、かご以降がまるごと計測対象外になることが珍しくありません。makeshopではかごページに入ってから何が起きたかを、そのまま見られます。
「かご投入数と注文数の差」という数字だけを見て施策を決めるのと、かごページのどこでスクロールが止まり、どこがクリックされているかを見て決めるのとでは、打ち手の精度が変わります。
設定時の注意点
SEO設定・Google Analytics設定の出力先と重なる
共通headタグ管理には、管理画面の他の場所（SEO設定・Google Analytics設定）で設定した内容も出力されます。
そのため、計測タグを共通headタグ管理に直接貼ると、同じタグが二重に入ることがあります。設定前に、既にそこに何が出ているかを必ず確認してください。
入力したコードはショップ側の責任範囲
公式マニュアルには、入力されたソースコードはショップの責任で利用するよう明記されています。保存できたこと＝正しく動いていること、ではありません。
確認方法: 商品詳細ページとかごページを開いて、開発者ツール（F12）の Console タブにエラーが出ていないか、Network タブで計測タグが読み込まれているかを見ます。
PCとスマートフォンは別に確認する
デザイン設定がPC・スマートフォンで分かれているため、片方にしかタグが入っていない状態が起こり得ます。スマートフォンの実機でも計測が動いているかを確認してください。EC全体ではスマートフォン経由の比率が高いため、ここが抜けると計測の大半を失います。
導入前に確認するレスポンスヘッダー
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"何も出力されなければ制限はありません。詳細と、変更を依頼するときの文面はCVR改善ツールが動かない原因はヘッダー｜X-Frame-OptionsとCSPの確認方法にまとめています。
分析できる範囲・できない範囲
| 画面 | 計測 |
|---|---|
| トップ・商品分類・商品詳細・商品検索 | ⭕️ |
| 買い物かご | ⭕️ 編集ページの選択に含まれる |
| 決済・購入完了画面 | ❌ 対象外 |
**改善対象は「決済に入る手前まで」**と考えてください。多くのカートより1段階深く見られるぶん、かごページの改善を数字で検証できるのがmakeshopの利点です。
makeshopのショップで見るべき3箇所
1. 商品詳細ページの「カートに入れる」までの距離
標準テンプレートは商品情報・規格選択・関連商品と縦に長くなりやすく、カートボタンが折り返しの下に沈みます。 熟読ヒートマップで、ボタンの位置まで読まれているかを見ます。読まれていなければ、ボタンの位置か、その手前の情報量のどちらかが原因です。
2. 商品分類ページでの絞り込み
カテゴリ配下の商品数が増えると、一覧を上から順に見て離脱する動きが出ます。クリックヒートマップで絞り込みや並び替えが使われているかを確認します。使われていなければ、導線が見えていないか、そもそも存在に気づかれていません。
3. かごページの入力項目と送料の表示
かごページを計測できるため、どの項目の手前でスクロールが止まるかを直接見られます。多いのは送料・手数料が確定するタイミングです。ここで止まっているなら、金額の提示位置を商品詳細ページ側に前倒しする余地があります。
テンプレートを直す前にABテストで確かめる
上の3箇所は「仮説」です。ヒートマップでわかるのは何が起きているかであって、直したら良くなるかではありません。
テンプレートを直接書き換えると、切り戻しに手間がかかり、効果があったかどうかも残りません。ABテストであれば、元のページを保ったまま変更案を一定割合に配信して比較できます。効果が出た案だけをテンプレートに反映すれば、書き換えの回数そのものを減らせます。
Dejamでmakeshopのショップの改善を進める
Dejamは共通headタグ管理にタグを1本入れるだけで使い始められます。
ヒートマップ
クリック・クリックイベント・熟読・滞在・離脱の5種類を計測します。離脱は5%刻みの20バンドで見られるため、「商品詳細ページのどのあたりで抜けているか」を具体的な位置として特定できます。データ保存期間に制限はありません。
ABテスト
デザイン変更テスト・リダイレクトテスト・ポップアップテストの3種類に対応しています。テンプレートを書き換えずに、配信側で差し替えて効果を比較できます。
LPO
流入元ごとにページの内容を出し分けます。同じ商品詳細ページでも、広告からの流入と検索からの流入では見たい情報が違うため、訴求を分けることで無駄打ちが減ります。
よくある質問
Q. タグを設定したのに計測されません。
A. 3点を確認してください。①編集ページの選択が「全ページ共通」になっているか、②PC側だけでなくスマートフォン側にも入っているか、③Console タブにエラーが出ていないか。makeshopは保存とページへの反映が別工程になることがあるため、必ず公開ページ側で確認します。
Q. かごページも計測できるなら、決済画面も見られますか？
A. 決済画面は対象外です。編集ページの選択に含まれるのは買い物かごページまでです。ただしかごページまで見られれば離脱の直前が特定できるため、実務上の制約は大きくありません。
Q. Google Analyticsを設定済みですが、併用できますか？
A. 併用できます。ただし共通headタグ管理にはGoogle Analytics設定の内容も出力されるため、同じタグを手で貼り足すと二重計測になります。 設定前に既に何が出ているかを確認してください。
Q. テンプレートを自分で直せるのに、ABテストは必要ですか？
A. 直せることと、直した効果を判定できることは別です。ABテストは「変更する手段」ではなく「変更を決める材料」を得るためのものです。
まとめ
- タグはショップデザイン > 共通headタグ管理から。JavaScriptを入力できる
- 編集ページの選択を「全ページ共通」にする。ページ単位で入れ分けるとファネルが欠測する
- 買い物かごページまで計測できる。カート投入後の離脱を直接見られる
- SEO設定・Google Analytics設定の内容も同じ場所に出るため、二重計測に注意
- PCとスマートフォンで別々に確認する
X-Frame-Options: DENYでも計測は動く- 見るべきはカートボタンまでの距離・分類ページの絞り込み・かごページの送料表示
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専用ドメインを大量運用しても追加費用なし
テンプレートを書き換えずに検証できるため、公開中のショップを止めずに改善を進められます。
