Help & Tips

Google Tag Managerのインストール方法

Google Tag Manager(グーグルタグマネージャー)はWebサイト上のタグを一箇所のコンテナに格納し、運用、管理できるソリューションです。Googleタグマネージャーをインストール後、タグを設定するだけで簡単に導入できます。設定に必要な手順は2つあります。

  1. アカウントの作成、もしくは、既存アカウントを使用
  2. コンテナのインストール
  3. タグを追加して実装

なお、Ptengine Xは、GTMを利用してタグを設置する場合、アカウントとコンテナを選択すればワンクッリクで簡単に実装できます。この記事では、3のタグ追加と実装を完了させるため、1の新規アカウント作成と2のコンテナインストールについてご紹介します。

こちらからアカウント新規作成してログインします。
※アカウントをお持ちの方は直接ログインし、コンテナを作成しましょう。

・[アカウントを作成]をクリックし、[アカウントの設定][コンテナの設定]の情報を入力し[作成]をクリックします。

・利用規約を確認し、問題なければ右上の「はい」をクリックします。

②下記タグをウェブサイトへ貼り付け、コンテナをインストールします。

This image has an empty alt attribute; its file name is image-48-1024x493.png

※タグを設定するには、対象のウェブサイトのソースコードを編集できる権限が必要です。

・サイトにアクセスし、File Transfer Protocolを利用し、ホストサーバーにアクセスします。
・ウェブサイトの該当ページにJavaScriptとスニペットを貼り付けます。
・最後に「保存」をクリックしてください。

③以下のタグをコピーし、[GTM-XXXX] をコンテナ ID を差し替え、ウェブサイトのすべてのページ上で  <head> 内のなるべく上のほうに貼り付けてください。

<!-- 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-XXXX');</script>
<!-- End Google Tag Manager -->

注:以下二つ画面チャプチャーのように、どちらもコンテナIDを確認できます。

④以下のスニペットをコピーし、GTM-XXXX をコンテナ ID に差し替え、ウェブサイトのすべてのページ上の開始タグ <body> の直後にこのコードを次のように貼り付けてください。

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

以上で、Google Tag Managerを利用してのPtengine Xのタグ設置の事前準備が完了です!

Show More
Back to top button