BASEに計測タグを設置する方法｜HTMLタグ管理 Appの使い方と注意点

BASEでタグを入れるなら「HTMLタグ管理 App」

BASEには、タグを入れるのに使えるAppが二つあります。「HTMLタグ管理 App」と「HTML編集 App」です。計測タグを入れるだけなら、HTMLタグ管理 Appのほうが手軽で、ショップのデザインにも影響しません。

BASE Appsのページでも、HTMLタグ管理 Appは「HTML編集 Appを使わずに、任意のHTMLタグを設定できる」Appとして紹介されています。HTML編集 Appについては、技術的なサポートはなく、パソコンからしか使えないとヘルプに書かれています。計測タグのためだけにHTML編集 Appでテーマを作り直す必要はありません。

始める前に用意するもの

1. BASEの管理画面に入れるアカウント。ヘルプによると、「スタッフ権限管理 App」で権限を持つスタッフのアカウントからも操作できます。
2. 貼るタグ。ツールの管理画面からコピーしたものを、そのまま使います。
3. 計測ツール側の登録。marketingLABOの場合は、管理画面の「サイト設定」にある「はじめの3ステップ」で、サイトの名前とURL(お客さまが見ているショップのURL)を登録するとタグが表示され、「タグをコピーする」でコピーできます。

手順1：HTMLタグ管理 Appをインストールする

1. 管理画面のグローバルナビゲーションから「Apps」を選び、「Appを追加」を押します。
2. Apps一覧で「HTMLタグ管理」と入力して検索するか、カテゴリから探してApp名を選びます。
3. Appのページで「インストール」を押せば完了です。

BASE Appsのページでは、HTMLタグ管理 Appの価格は「無料」、開発者はBASE, Inc.と表示されています。

手順2：テンプレートで「カスタムタグ」を選ぶ

HTMLタグ管理 Appでは、最初にタグのテンプレートを選びます。選べるのは「GA4(Google アナリティクス 4)」と「カスタムタグ」の2種類です。

GA4のテンプレートはGoogle アナリティクス 4の測定IDを入れるための専用の欄です。marketingLABOなど、ほかのツールのタグはカスタムタグとして登録します。テンプレートは登録後に変えられないので、ここで間違えないようにしてください。

手順3：タグ名と本文を入れて登録する

1. タグ名に、何のタグか分かる名前を入れます。255文字まで入力できます。例：「marketingLABO 計測タグ(2026-10-12追加)」
2. タグ本文に、コピーしたタグを貼ります。10,000文字まで入力できます。
3. 登録します。

登録したタグは、一覧の鉛筆のアイコンで編集、ゴミ箱のアイコンで削除できます。同時に登録できるタグは30個までです。タグ名に入れた日付は、あとで「いつ、何のために入れたか」を確かめるときに役立ちます。

手順4：ショップで確かめる

1. ショップを別のタブで開きます。シークレットウィンドウなら、初めて来た人と同じ状態で見られます。
2. ページのソースを表示し、タグの一部(読み込み先のドメインなど)で検索します。head内にあれば反映されています。
3. トップ、商品ページ、カテゴリなど、種類の違うページでも確かめます。
4. ツール側で確かめます。marketingLABOでは、ショップのページを1つ開いてから、管理画面の「計測を確かめる」を押します。届いていなければ、タグがすべてのページの</head>の直前に入っているか、保存(公開)し忘れていないかを確かめ、サイトを開き直してからもう一度押すよう案内が出ます。

HTMLタグ管理 Appでは、タグは必ずhead内に入ります。marketingLABOのタグはhead内に置くものなので、位置を選べなくても問題はありません。

HTMLタグ管理 Appでできないこと

BASEのヘルプには、次のような決まりが書かれています。設置したあとで「思っていたのと違う」とならないよう、先に確かめておきましょう。

ページを選べない、位置を選べない、変数が使えない、の三つについては、ヘルプに「今後アップデートを予定しているが、具体的な日程は決まっていない」と書かれています。また、Google タグ マネージャーはカスタムタグとして設定できますが、Google公式の手順にあるbody側の記述はできず、head内だけになるとヘルプに注意書きがあります。

カート画面とレジ画面には入らない

BASEのヘルプによると、カートとレジは「/shops/[ショップID]/checkout/edit」のようなURLの画面で、その先に確認画面と購入完了画面があります。カスタムタグはカート画面とレジ画面に入らないため、marketingLABOのタグもそこでは動きません。購入完了画面にカスタムタグが入るかどうかは、確認したヘルプには書かれていませんでした。購入完了を目標にしたい場合は、まず実際に購入完了画面のソースを見て確かめてください。

そのため、BASEでmarketingLABOを使うときは、カートの手前までのページで何が起きているかを見る道具だと考えると分かりやすくなります。

marketingLABOはBASEとデータ連携しておらず、カートの中身、金額、注文は読み取りません。売上や注文数はBASEの管理画面で見て、marketingLABOでは「どこから来て、どの商品ページを読み、どこで離れたか」を見る、と分けるのが現実的です。たとえば次のような使い方ができます。

1. 商品ページのヒートマップ。写真、説明、送料の案内がどこまで読まれているかを確かめます。読み方は商品ページのヒートマップの読み方にまとめました。
2. マイクロCV。閲覧数、特定のURL、滞在時間、再訪で設定できるので、「主力商品のページを見た」「3ページ以上見た」などを数えられます。
3. 出し分けるポップアップ。見た・見ていないページ、訪問回数、前回訪問からの日数、離脱しそうなときなどを条件にできます。離脱しそうなときの判定は離脱防止ポップアップの仕組みと出し方で説明しています。

二重設置に注意する

BASEのヘルプは、同じタグをほかのAppにも重ねて設定すると、正常に計測されない可能性があるとして、タグの設定はHTMLタグ管理 Appに集約するよう勧めています。重複に注意したいAppの例として、次のものが挙げられています。

1. HTML編集 App
2. Yahoo!コンバージョンタグ設定 App
3. Googleコンバージョンタグ設定 App
4. 広告効果測定 App

HTMLタグ管理 AppとHTML編集 Appは併用できますが、同じタグを両方に入れると正常に動かないことがあります。以前にHTML編集 Appのテーマへ計測タグを書いていた場合は、どちらか一方だけに残してください。1つのツールのタグは1か所、が基本です。

タグを外す・入れ替えるとき

ツールをやめたり、別のツールに替えたりするときは、使わなくなったタグをその日のうちに消しておくと、あとで「このタグは何だったか」と迷わずに済みます。

1. HTMLタグ管理 Appで入れたタグ。一覧でゴミ箱のアイコンを押して削除します。入れ替えるだけなら、鉛筆のアイコンで本文を貼り替えます。
2. HTML編集 Appのテーマに書いたタグ。テーマのソースから該当の行を消して保存します。ヘルプによると、HTML編集 Appをアンインストールしても公開中のショップページのデザインは自動では変わりません。Appを外しただけではタグが残る可能性があるので、ソースで確かめてください。
3. 消したあとの確認。ショップのソースを表示し、タグの一部で検索して見つからないことを確かめます。

よくある失敗と直し方

作業のチェックリスト

1. HTMLタグ管理 Appをインストールした。
2. テンプレートは「カスタムタグ」を選んだ。
3. タグ名にツール名と日付を入れ、タグ本文にはコピーしたタグをそのまま貼った。
4. HTML編集 Appなど、ほかの場所に同じタグが入っていないことを確かめた。
5. トップ・商品ページ・カテゴリのソースで、head内にタグがあることを確認した。
6. ツール側の確認(marketingLABOなら「計測を確かめる」)で計測が届いた。
7. カート画面とレジ画面には入らないと分かったうえで、目標を決めた。

よくある質問

有料テーマ(デザイナーズテーマ)でも使えますか？ 使えます。ヘルプに、HTMLタグ管理 Appは有料テーマでも利用できると書かれています。

特定の商品ページだけにタグを入れられますか？ できません。カスタムタグはカート画面をのぞくすべてのページに入ります。marketingLABOでは、タグは全ページに入れたまま、ポップアップを出すページやマイクロCVの対象をURLで絞ります。

独自ドメインを使っている場合は？ marketingLABOに登録するURLは、お客さまが実際に見ているショップのURLにしてください。タグの入れ方は同じです。

ほかのカートシステムではどこに貼りますか？ Shopifyに計測タグを設置する方法や、カートシステム別、計測タグを貼る場所の一覧をご覧ください。

marketingLABOのフリープランは0円で、期限はなく、カードの登録も要りません。サイト1つのアクセス解析・ヒートマップ・行動履歴と、フォーム・ポップアップバナー各1つが使えます。料金を見るか、無料登録をしてタグを取得してください。

参考にした資料

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

1. BASEヘルプ「【HTMLタグ管理 App】タグの設定方法を教えてください」
2. BASE Apps「HTMLタグ管理」
3. BASEヘルプ「Apps のインストール・アンインストール(解約)する方法を教えてください」
4. BASEヘルプ「『HTML編集 App』など他のAppですでに設定しているタグも設定できますか」
5. BASEヘルプ「『HTML編集 App』と併用できますか」
6. BASEヘルプ「タグの登録数に、上限はありますか(HTMLタグ管理 App)」
7. BASEヘルプ「タグの順番は設定できますか」
8. BASEヘルプ「タグを設定するページは、選択できますか」
9. BASEヘルプ「ページ内で、タグの設置箇所は指定できますか」
10. BASEヘルプ「タグに変数は利用できますか」
11. BASEヘルプ「『PAY IDアプリ』のページに、タグは設定できますか(HTMLタグ管理 App)」
12. BASEヘルプ「『HTMLタグ管理 App』は、有料テーマでも利用できますか」
13. BASEヘルプ「【HTML編集 Appの使い方】について教えてください」
14. BASEヘルプ「ショッピングカートのURLについて」