ホームに戻る

ページ制作

タグ設置

GTMやYTMのタグマネージャーでクリック時のみタグを計測（発火）したい

手順

該当beyondページ内の「CTAボタン」のalt属性を設定する
1. ※alt属性：Webブラウザで画像が表示できないときに、画像の代わりに表示されるテキストを指定するために使われるもの
  例1）
```
 [変更前] <a href="ooooo" class="btn" draggable="false">テキストが入ります</a>
```
```
 [変更後] <a href="ooooo" alt="CTA最下段" class="btn" draggable="false">テキストが入ります/a> 
```
  ※alt="CTA最下段"が「alt属性」になります。
  
  ※画像がある場合は、拡張子のあとに「alt属性」を付与します。
  
  例2）
```
<ahref="https://unique1.co.jp//www.asano-metal.co.jp/asano-metal-cgi/secure/ec/EcTop.php" target="_blank"> <img src="https://unique1.co.jp/bnr_ec_02.png" alt="最短即日出荷ですぐ届く。"class="pc_tb"></a>
```
  ※alt="最短即日出荷ですぐ届く。が「alt属性」になります。
GTMで「変数」の設定を行う
1. ・「変数」をクリックし、ユーザー定義変数の横の「新規」をクリック
  
  ・ページ要素の「自動イベント変数」をクリック
  
  ・変数タイプを「要素の属性」に設定、属性名に「alt」を入れる
  
  ・変数名を「alt属性」とし、保存する

GTMで「トリガー」の作成を行う

- 「トリガー」を選択し、「新規」をクリック
- 以下の設定をする
  - トリガー名：「ボタン1クリック（自身で設定できます）」
  - トリガーのタイプ：クリック₋すべての要素
  - トリガーの発生場所：一部のクリック
  - イベント発生時の条件：alt属性　含む　CTA最下部（alt属性で指定した名前）

※例1の場合：すべて入力後、「保存」する