---
title: イベントタグの仕様
description: HTMLのイベント属性をFlipdeskに連携するためのタグ、【イベントタグ】について説明します。
---

[コンテンツまでスキップ](https://support.materialdigital.jp/manual/event-tag#main-content)

日本語

翻訳のサブメニューを表示

[お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new?hsLang=ja)

![typeA-1.png\]](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?height=40&name=typeA-1.png)

メインナビゲーションを開く

メインナビゲーションを閉じる

- 日本語
  
  翻訳のサブメニューを表示
- [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new)
- [サービスサイトへ](https://materialdigital.jp/)

[サービスサイトへ](https://materialdigital.jp/)

 お困りのことは何でしょうか？

- 検索フィールドが空なので、候補はありません。

1. [Flipdeskサポートセンター](https://support.materialdigital.jp/manual?hsLang=ja)
2. [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja)
3. [各種タグの仕様](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E3%82%BF%E3%82%B0%E3%81%AE%E4%BB%95%E6%A7%98)

# イベントタグの仕様

## HTMLのイベント属性をFlipdeskに連携するためのタグ、【イベントタグ】について説明します。

1. [イベントタグとは](https://support.materialdigital.jp/manual/event-tag#section1)
2. [イベントタグの仕様](https://support.materialdigital.jp/manual/event-tag#section2)
3. [設置箇所](https://support.materialdigital.jp/manual/event-tag#section3)<https://support.materialdigital.jp/manual/event-tag#step2>
4. [使用例](https://support.materialdigital.jp/manual/event-tag#section4)
5. [動作確認の手順](https://support.materialdigital.jp/manual/event-tag#section5)  
   <https://support.materialdigital.jp/manual/event-tag#multipleCV>

設定には、HTML・jsの知識を要します。

### 1. イベントタグとは

サイト内のイベント属性にFlipdeskのイベントタグを設置することで、サイト内のボタンをクリックした・クリックした日付など、収集したデータを集計することが可能になるタグです。

収集したデータは集計するだけでなく、シナリオの配信ターゲット条件として利用することも可能です。

### 2. イベントタグの仕様

イベントタグは設置いただいた要素に対し、ユーザーが行動をとることでデータを収集します。  
正常に発火させるには、基本タグの設置が必須となりますので、詳しくは「[3. 設置箇所](https://support.materialdigital.jp/manual/event-tag#section3)」をご参照ください。

イベントタグを設置いただくと、ターゲティングの[【イベントタグ】条件](https://support.materialdigital.jp/manual/target-event-tag?hsLang=ja)が使えるようになります。

「管理画面 ＞ タグ管理 ＞ イベントタグ」にイベントタグをご用意しておりますので、コピーしてご利用ください。

![イベントタグ](https://support.materialdigital.jp/hs-fs/hubfs/image-png-May-31-2024-03-24-56-6369-AM.png?width=688&height=366&name=image-png-May-31-2024-03-24-56-6369-AM.png)

**▼ イベントタグサンプル**

```
<!-- ▼body内に埋める --><script id="fd_event">  window.fdData = window.fdData || [];  function fdtag(){window.fdData.push(arguments);}</script><!-- ▲body内に埋める --><!-- ▼計測したいタグ内に埋める -->  fdtag('event', '任意のイベント名を入力', {    '任意の属性を入力': '指定した属性の変数or値を入力',    '任意の属性を入力': '指定した属性の変数or値を入力',    '任意の属性を入力': '指定した属性の変数or値を入力',    // 任意の属性、複数指定することが出来ます。  });<!-- ▲計測したいタグ内に埋める -->
```

#### **▼ 各項目の指定方法**

| **項目名** | **説明** |
| --- | --- |
| イベント名 | 登録したいイベント名をタグ内の`任意のイベント名を入力`に指定します。 ここで登録したイベント名は「レポート管理 ＞ イベント計測」で表示されます。 イベント名が重複した場合、同じイベント名にデータが蓄積されていきますのでご注意ください。 **指定例** - 資料ダウンロード - `fdtag('event', '資料ダウンロード', {` - お気に入り登録ボタンクリック - `fdtag('event', 'お気に入り登録ボタンクリック', {` |
| 属性 | 登録したい属性を`任意の属性を入力`に指定します。 **指定例** - ダウンロード資料 - `'ダウンロード資料': '指定した属性の変数or値を入力',` - 会員ランク - `'会員ランク': '指定した属性の変数or値を入力',` - 日付 - `'日付': '指定した属性の変数or値を入力',` |
| 属性の変数 or 値 | 取得したいデータの変数または値を`'指定した属性の変数or値を入力'`に指定します。 変数を指定する際は、サイトで使用している変数を入力しください。 **指定例** - Flipdesk概要資料 - `'ダウンロード資料': 'Flipdesk概要資料',` - ゴールド会員 - `'会員ランク': '{sampl_memberlank}',` - 2024-01-01 - `'日付': sampleDate(),` |

**使用できない文字がありますのでご注意ください**

以下文字は各項目で使用できない文字になります。  
使用した場合はデータが正常に計測できなくなりますのでご注意ください。

- '（シングルクォーテーション）
- "（ダブルクォーテーション）

 

#### 属性のタイプについて

属性の値には**属性のタイプ**が付与されます。  
※集計した値を参照して、自動付与

**▼ サポートされている属性のタイプ**

| **属性のタイプ** | **説明** |
| --- | --- |
| 数値 | 引き渡されたデータを数値として取得します。 取得した数値の範囲を指定し、ターゲティング条件として活用することが可能です。 例）年齢 など |
| 日時 | 引き渡されたデータを日時として取得します。 取得した日時の範囲を指定し、ターゲティング条件として活用することが可能です。 日時を属性の値として収集する場合は、必ず`YYYY-MM-DD`のフォーマットで引き渡せるように設定してください。 例）2024-01-01~2024-12-31 など |
| リスト型 | 引き渡されたデータをリストとして取得し、ターゲティング条件として活用することが可能です。 例）ブロンズ会員・シルバー会員・ゴールド会員 など |
| 文字列 | 引き渡されたデータを文字列として取得します。 取得した文字列を指定し、ターゲティング条件として活用することが可能です。 |
| 不明 | 引き渡されたデータから属性のタイプが推定できなかった場合に付与されます。 この場合、取得したデータはターゲティング条件として活用することができません。 ターゲティング条件として活用できるようにする場合は、「管理画面 ＞ レポート管理 ＞ イベント計測」より該当箇所を手動で変更してください。 取得した数値の範囲を指定し、ターゲティング条件として活用することが可能です。 |

3\. 設置箇所

イベントに指定したいタグ内に設置してください。

イベントタグは単体では動作しないため、**必ず基本タグと一緒に設置してください**。

基本タグが設置されていないページにイベントタグを設置しても、データは計測できませんのでご注意ください。

### 4. 使用例

「資料ダウンロード」ボタンをイベントとして計測する場合のタグ設置例をご紹介します。

![イベントタグの使用例](https://support.materialdigital.jp/hs-fs/hubfs/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%82%BF%E3%82%B0%E4%BE%8B-png.png?width=688&height=421&name=%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%82%BF%E3%82%B0%E4%BE%8B-png.png)

#### **設置方法**

① \<body\>タグ内に以下の\<script\>タグを挿入する<https://support.materialdigital.jp/manual/use_googletagmanager?hsLang=ja>

```
<!-- ▼body内に埋める --><script id="fd_event">  window.fdData = window.fdData || [];  function fdtag(){window.fdData.push(arguments);}</script><!-- ▲body内に埋める -->
```

　例のように日付を出力したい場合は、以下の\<script\>タグを挿入してください。

```
<!-- ▼body内に埋める --><script id="fd_event">    window.fdData = window.fdData || [];    function fdtag(){window.fdData.push(arguments);}    <!-- ▼ここから日付を出力する為の記述 -->    function currentDate() {        var date = new Date();        var year = date.getFullYear();        var month = ('00' + (date.getMonth()+1)).slice(-2));        var dat = ('00' + date.getDate()).slice(-2);        return year + '-' + month + '-' day;    }    <!-- ▲ここまでが日付を出力する為の記述 --></script><!-- ▲body内に埋める -->
```

② 計測したいタグにイベントを設定する

　例のように、サイト上の「資料ダウンロード」ボタンにイベントを設定する場合は、既存の  
　タグ内にイベントの設定してください。

　▼ 元のタグ

```
<button>資料DLボタン</button>
```

　▼ イベントを設定した場合

```
<button onclick="fdtag('event', '資料請求ダウンロード', {    '会員ランク': '{sample_member.classlank}',    '年齢': '{sample_member.age}',    '日付': currentDate(),    });">    資料請求ダウンロード</button>
```

実際に使用する変数は、ご利用中のサイトで使用されている変数をお使いください。

### 5. 動作確認の手順

設定したイベントタグが正常に動作しているか、設置されいているかを確認する場合は、  
「管理画面 ＞ レポート管理 ＞ イベント計測」から確認することが可能です。

![イベント一覧](https://support.materialdigital.jp/hs-fs/hubfs/image-png-Jun-14-2024-07-54-26-8558-AM.png?width=688&height=232&name=image-png-Jun-14-2024-07-54-26-8558-AM.png)

設定したイベントタグがクリックされると、管理画面上にデータが蓄積されていきます。

イベント計測画面の詳しい見方は[イベント計測](https://support.materialdigital.jp/manual/event-measurement?hsLang=ja)のマニュアルをご確認ください。

- [Flipdeskスタートガイド](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#main-content)

    - [初めての方はこちら](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AE%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89)
    - [初期設定（タグ設置）](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A%E3%82%BF%E3%82%B0%E8%A8%AD%E7%BD%AE)
- [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#main-content)

    - [シナリオ](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA)
    - [配信ターゲットの設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E9%85%8D%E4%BF%A1%E3%82%BF%E3%83%BC%E3%82%B2%E3%83%83%E3%83%88%E3%81%AE%E8%A8%AD%E5%AE%9A)
    - [各種タグの仕様](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E3%82%BF%E3%82%B0%E3%81%AE%E4%BB%95%E6%A7%98)
    - [レポート管理](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E7%AE%A1%E7%90%86)
    - [各種設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E8%A8%AD%E5%AE%9A)
    - [アラート機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%A2%E3%83%A9%E3%83%BC%E3%83%88%E6%A9%9F%E8%83%BD)
    - [AI機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#ai%E6%A9%9F%E8%83%BD)
- [Flipdeskオプション](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#main-content)

    - [有人チャット](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E6%9C%89%E4%BA%BA%E3%83%81%E3%83%A3%E3%83%83%E3%83%88)
    - [WEBプッシュ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#web%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5)
    - [会員情報連携](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E4%BC%9A%E5%93%A1%E6%83%85%E5%A0%B1%E9%80%A3%E6%90%BA)
    - [ヒートマップ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%97)
- [Cross Talk](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#main-content)

    - [スタートガイド](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89)
- [技術的なマニュアル](https://support.materialdigital.jp/manual/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja)
- [よくある質問](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#main-content)

    - [技術的な情報](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E6%83%85%E5%A0%B1)
    - [契約・請求関連](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E5%A5%91%E7%B4%84-%E8%AB%8B%E6%B1%82%E9%96%A2%E9%80%A3)

[![Chill listening crop-3](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?width=99&height=31&name=typeA-1.png "Chill listening crop-3")](https://materialdigital.jp/)

Copyright © Flipdesk Inc.

Copyright © 2026, 株式会社マテリアルデジタル