# Google Tag Manager でタグ設置

### Ptengineの基本タグをGoogle Tag Manager (GTM) に実装する方法

🔍 GTMの利用確認

* ❗️ 対象サイトでGTMを利用しているか確認してください。
* 🚫 未設置の場合は、事前にGTMの登録・設置が必要です。
* 🔗 [タグマネージャーの設定とインストール](https://support.google.com/tagmanager/answer/6103696?hl=ja)ページを参照してください。

## **クイック設置の手順**

{% stepper %}
{% step %}
「実装」ボタンをクリック（製品ページ）

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-1.png)
{% endstep %}

{% step %}
「Google Tag Managerでクイック設置」を選択

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-2.jpg)
{% endstep %}

{% step %}
GTMに紐づくGoogleアカウントを選択

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-3.png)
{% endstep %}

{% step %}
Ptengineのアクセス情報を確認・続行

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-4.png)
{% endstep %}

{% step %}
GTMアカウントとコンテナを選択・公開

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-5.png)
{% endstep %}

{% step %}
設置状況の確認テストで完了を確認

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-6-1.png)

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-6-2.jpg)
{% endstep %}

{% step %}
GTMの自動設定項目を確認

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-7-1.png)

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-7-2.png)
{% endstep %}
{% endstepper %}

## **手動設置の手順**

💡 手動設置のメリット：設定箇所を細かく指定可能

以下の動画もご参照ください。

{% embed url="<https://app.arcade.software/share/iqKsSrn1TYhv6y4r1m8G>" %}

{% stepper %}
{% step %}
Ptengineからタグをコピー💡 製品ページまたは基本設定から取得可能

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-2.jpg)

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-1-2.jpg)
{% endstep %}

{% step %}
Google Tag Manager 内の「新しいタグを追加」をクリックしてください。

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-2.png)
{% endstep %}

{% step %}
「タグの設定」→「カスタムHTML」を選択

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-3.png)
{% endstep %}

{% step %}
コピーしたタグを貼り付け

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-4.png)
{% endstep %}

{% step %}
トリガー設定🔧 All PagesまたはURL指定

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-6.png)

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-5.png)

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-7.png)
{% endstep %}

{% step %}
タグに分かりやすい名前を付けて保存

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-8.png)

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-9.png)
{% endstep %}

{% step %}
環境を「Live」に指定して公開

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-10.png)
{% endstep %}

{% step %}
Ptengineで設置確認テストを実行

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-2-11-1.jpg)

![](https://help.ptengine.jp/wp-content/uploads/2020/09/GTM-1-6-2.jpg)

✅ 設置方法に関わらず、最後にPtengineで設置確認テストを実施し、正しく設置されたことを確認しましょう。
{% endstep %}
{% endstepper %}