タグ、イベント、ロードルールの例 | イベントにタグを登録する

ロードルールなしの例

以下の例では、ホームページと製品ページがあるウェブサイトを使用します。そのサイトでは、さまざまな構成と関係性を持つタグとイベントリスナーのセットを使用します。

イベントにサブスクライブされていないタグ

ユーザーが以下の構成でイベントリスナーを作成します：

Element Visibility（要素の可視性）イベントタイプ。
広告バナーのCSS要素ID。
5秒間完全に表示。
一度だけトリガー。
DOM Readyスコープを使用（デフォルト）。
All Pages（全ページ）とイベントリスナーのロードルールを使用。
ページ上にTealium Collectタグが存在し、All PagesとEvents（イベント）のロードルールを使用します。

全ページ：

製品詳細ページは、ページがDOM Readyになった後にこのイベントリスナーをロードします。
ページはTealium Collectタグをロードします。
タグが発火し、そのペイロードをタグエンドポイントに送信します。
訪問がそのページで初めて広告バナー全体を5秒以上見た場合、イベントリスナーが発火し、その変数をトラッキングコールで送信します。

イベントにサブスクライブされているタグ

ユーザーが以下の構成でイベントリスナーを作成します：

Element Visibility（要素の可視性）イベントタイプ。
広告バナーのCSS要素ID。
5秒間完全に表示。
一度だけトリガー。
DOM Readyスコープを使用（デフォルト）。
All Pages（全ページ）とイベントリスナーのロードルールを使用。
ページ上にTealium Collectタグが存在し、Element visible（要素が可視）イベントにサブスクライブされています。

全ページ：

製品詳細ページは、ページがDOM Readyになった後にこのイベントリスナーをロードします。
ページはTealium Collectタグをロードします。
訪問がそのページで初めて広告バナー全体を5秒以上見た場合、イベントリスナーがTealium Collectタグを発火させ、その変数をTealium Collectタグのペイロードとともにトラッキングコールで送信します。

ロードルールありの例

以下の例では、ホームページと製品ページがあるウェブサイトを使用します。そのサイトでは、さまざまな構成と関係性を持つタグ、イベントリスナー、ロードルールのセットを使用します。

イベントにサブスクライブされていないタグ

ユーザーが以下の構成でイベントリスナーを作成します：

Element Visibility（要素の可視性）イベントタイプ。
広告バナーのCSS要素ID。
5秒間完全に表示。
一度だけトリガー。
DOM Readyスコープを使用（デフォルト）。
製品詳細ページのみにロードされるようにロードルールを使用。
ページ上にTealium Collectタグが存在し、All PagesとEvents（イベント）のロードルールを使用します。

製品ページ

製品詳細ページは、ページがDOM Readyになった後にこのイベントリスナーをロードします。
ページはTealium Collectタグをロードします。
タグが発火し、そのペイロードをタグエンドポイントに送信します。
訪問がそのページで初めて広告バナー全体を5秒以上見た場合、イベントリスナーが発火し、その変数をトラッキングコールで送信します。

ホームページ

ホームページは、ロードルールが製品ページのみにイベントリスナーをロードするように指定しているため、このイベントはロードされません。
ホームページはTealium Collectタグをロードします。
タグが発火し、そのペイロードをタグエンドポイントに送信します。

イベントにサブスクライブされているタグ（ANDロジック）

ユーザーが以下の構成でイベントリスナーを作成します：

Element Visibility（要素の可視性）イベントタイプ。
広告バナーのCSS要素ID。
5秒間完全に表示。
一度だけトリガー。
DOM Readyスコープを使用（デフォルト）。
製品詳細ページのみにロードされるようにロードルールを使用。
Tealium CollectタグのルールとイベントリスナーにANDロジックで追加され、その他のタグルールとイベントリスナーはtrueと評価されます。

製品ページ：

製品詳細ページは、ページがDOM Readyになった後にこのイベントリスナーをロードします。
ページはまた、そのロードルールとイベントリスナーのロードルールがすべてtrueと評価されるため、Tealium Collectタグをロードしますが、すぐには発火しません。
訪問がそのページで初めて広告バナー全体を5秒以上見た場合、イベントリスナーがTealium Collectタグを発火させ、その変数をTealium Collectタグのペイロードとともにトラッキングコールで送信します。

ホームページ：

ホームページは、ロードルールが製品ページのみにイベントリスナーをロードするように指定しているため、このイベントはロードされません。
Tealium ConnectタグがANDロジックでイベントにサブスクライブされているため、タグのロードルールとイベントリスナーのルールが組み合わさってすべてfalseと評価されます。
ホームページはTealium Connectタグをロードしません。

イベントにサブスクライブされているタグ（ORロジック）

ユーザーが以下の構成でイベントリスナーを作成します：

Element Visibility（要素の可視性）イベントタイプ。
広告バナーのCSS要素ID。
5秒間完全に表示。
一度だけトリガー。
DOM Readyスコープを使用（デフォルト）。
製品詳細ページのみにロードされるようにロードルールを使用。
Tealium CollectタグのルールとイベントリスナーにORロジックで追加され、その他のタグルールとイベントリスナーはtrueと評価されます。

製品ページ：

製品詳細ページは、ページがDOM Readyになった後にこのイベントリスナーをロードします。
ページはTealium Collectタグをロードします。
タグが発火し、そのペイロードをタグエンドポイントに送信します。
訪問がそのページで初めて広告バナー全体を5秒以上見た場合、イベントリスナーがTealium Collectタグを発火させ、その変数をTealium Collectタグのペイロードとともにトラッキングコールで送信します。

ホームページ：

ホームページは、ロードルールが製品ページのみにイベントリスナーをロードするように指定しているため、このイベントリスナーはロードされません。
Tealium ConnectタグがORロジックでイベントリスナーにサブスクライブされているため、タグのロードルールとイベントリスナーのルールがすべてtrueと評価されます。
ホームページはTealium Connectタグをロードし、発火します。

2つのイベントリスナーにサブスクライブされているタグ（ORロジック）

ユーザーが以下の構成で2つのイベントリスナーを作成します：

イベント＃1 - 要素が可視

Element Visibility（要素の可視性）イベントタイプ。
広告バナーのCSS要素ID。
5秒間完全に表示。
一度だけトリガー。
DOM Readyスコープを使用（デフォルト）。
製品詳細ページのみにロードされるようにロードルールを使用。
Tealium CollectタグのルールとイベントリスナーにORロジックで追加され、その他のタグルールとイベントリスナーはtrueと評価されます。

イベント＃2 - フォームの送信

Form Submission（フォーム送信）イベントタイプ。
フォームのCSS要素ID。
一度だけトリガー。
DOM Readyスコープを使用（デフォルト）。
製品詳細ページのみにロードされるようにロードルールを使用。
Tealium CollectタグのルールとイベントリスナーにORロジックで追加され、その他のタグルールとイベントリスナーはtrueと評価されます。

製品ページ：

製品詳細ページは、ページがDOM Readyになった後にこれら2つのイベントリスナーをロードします。
ページはTealium Collectタグをロードします。
タグが発火し、そのペイロードをタグエンドポイントに送信します。
訪問がそのページで初めて広告バナー全体を5秒以上見た場合、イベントリスナーがTealium Collectタグを発火させ、その変数をTealium Collectタグのペイロードとともにトラッキングコールで送信します。
訪問が初めてフォームを送信した場合、イベントリスナーがTealium Collectタグを発火させ、その変数をTealium Collectタグのペイロードとともにトラッキングコールで送信します。

ホームページ：

ホームページは、ロードルールが製品ページのみにイベントリスナーをロードするように指定しているため、どちらのイベントリスナーもロードされません。
Tealium ConnectタグがORロジックでイベントリスナーにサブスクライブされているため、タグのロードルールとイベントリスナーのルールがすべてtrueと評価されます。
ホームページはTealium Connectタグをロードし、発火します。