<aside> 📍 タグをウェブページに加えることを「タグを埋め込む」と表現します。 ウェブサイト運営にて、目的ごとに特別なタグを埋め込むことで、インターネットユーザーの使い勝手を改善したり、商品の販促を強化したり、広告の効果を測定したりすることが可能です。

</aside>

Google tag Managerで計測する場合

GTM(Googleタグマネージャー)とは、Webサイトで利用するツールや広告の「タグ」を管理するためのツールです。 例えばGoogleアナリティクスやWeb広告などを利用する際は、データを収集するためのタグをWebサイトに埋め込みます。 本来であればWebサイトのHTMLを編集し、タグを貼り付けなければいけません。


<aside> 💡 ページ共通scriptとページ共通noscriptにGTMのscriptとnoscriptを保存します

</aside>

▼共通のscriptの例

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'<https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f)>;
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

▼ページ共通noscript

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="<https://www.googletagmanager.com/ns.html?id=GTM-XXXXX>"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<aside> 💡 既にアクセス、検索、予約フォームへの遷移、予約完了のイベントは埋め込まれているため、Google Tag Managerでトリガーとタグを設定します

</aside>

スクリーンショット 2023-01-01 11.59.28.png

スクリーンショット 2023-01-01 12.00.06.png