MakeShop向け 設置手順

コレコレ離脱ストッパー
インストール完全マニュアル

アプリにログインし、全ページ用タグをMakeShopへ設置し、受信確認を行うまでの手順です。初回導入時は、この順番で進めてください。

FLOW

設置は5ステップです。

最初は全ページ用タグの設置と受信確認だけで大丈夫です。購入CVや会員状態の計測は、必要になった段階で追加できます。

アプリへログイン

管理ログイン、またはMakeShopログインから対象ショップの管理画面へ入ります。

設定を開く

左メニューの「設定」で、全ページ用タグと追加計測タグを確認します。

タグを設置

MakeShopの全ページ共通で読み込まれる場所に、全ページ用タグを1回だけ貼ります。

受信を確認

ショップページを開いた後、アプリの設置チェックが「受信あり」になったか確認します。

テスト公開

URL条件を絞ったテスト用キャンペーンをONにし、表示・クリック・登録を確認します。

STEP 1

アプリにログインします。

管理者から共有されたログイン情報、またはMakeShopログインで管理画面に入ります。

  • ログイン情報は権限のある担当者だけで管理します。
  • ログイン後、対象ショップIDが正しいか確認します。
コレコレ離脱ストッパーのログイン画面

STEP 2

ダッシュボードでショップを確認します。

ログイン後、左メニューと右上のショップIDを確認します。対象ショップが違う場合は設置前に管理者へ確認してください。

コレコレ離脱ストッパーのダッシュボード画面

STEP 3

設定画面で設置コードを確認します。

必須は「全ページ用タグ」です。注文完了、買い物かご追加、会員登録完了などを計測したい場合は、追加タグも設置します。

  • 全ページ用タグ: ポップアップ表示と基本イベント計測に必須。
  • 注文完了画面タグ: 購入CVや売上貢献を見る場合に推奨。
  • 会員状態ヒントタグ: 会員条件で出し分けたい場合に使用。
設定画面の設置コードと設置チェック

STEP 4

MakeShop側へ全ページ用タグを設置します。

MakeShopの契約内容やデザインモードによって画面名が変わるため、考え方は「全ページで1回だけ読み込まれる共通部分へ貼る」です。

MakeShop管理画面へログイン

対象ショップの管理画面を開きます。

共通テンプレートを開く

ヘッダー、フッター、共通HTMLなど全ページ共通の編集欄を探します。

タグを貼り保存

アプリの全ページ用タグを、既存タグの途中ではなく独立した1行として貼ります。

ショップページを開く

トップページ、商品ページなど代表ページを開き、タグを読み込ませます。

タグを複数回貼ると表示や計測が重複する可能性があります。全ページ用タグは必ず1回だけ設置してください。

STEP 5

公開前チェックを行います。

受信ありになったら、テスト用キャンペーンを作り、実ページで表示されるか確認します。

  • 設定画面の設置チェックで、全ページ用タグが「受信あり」になっている。
  • 対象ショップのトップページと商品ページでブラウザエラーが出ていない。
  • テストキャンペーンを1つだけONにして、対象URLで表示される。
  • メールフォームを使う場合は、テスト登録後にリードとメール送信ログを確認する。
  • 購入CVを使う場合は、注文完了タグの受信とイベント分析のCVを確認する。

NEXT

設置後はキャンペーンを作成します。

URL条件を絞ったテストキャンペーンから始め、問題なければ商品ページや全体へ広げます。

キャンペーン新規作成画面