Beamerタグ構成ガイド
この記事では、Tealium iQタグ管理アカウントでBeamerタグを構成する方法について説明します。
仕組み
Beamerは、通知センターとチェンジログプラグインで、重要なニュース、最新の製品、特別なオファーなど、ユーザーやサイト訪問に告知を送ることができます。
タグのヒント
- ウィジェットの構成はマッピングを通じて構成されます。
- デフォルトでElement IDを追加しない場合、Beamerはページの右下隅に通知アイコンを表示します。
- コールバック、onclick、onopen、onclose関数を提供することができます。関数の名前(文字列として)または関数への参照をマッピングを通じて提供します。関数の名前を提供する場合、関数はウィンドウレベルで定義されていると想定されます。
タグの構成
まず、Tealiumのタグマーケットプレイスに移動し、Beamerタグを追加します(タグの追加方法について詳しくはこちら)。
タグを追加したら、以下の構成を行います:
- 製品ID
製品IDは、Beamerダッシュボードのトップバーに表示される一意の識別コードです。 - セレクタ
パネルを表示するトリガーとして使用されるDOM要素のHTML識別子。
データマッピング
マッピングは、データレイヤー変数からベンダータグの対応する宛先変数にデータを送信するプロセスです。変数をタグの宛先にマッピングする方法については、データマッピングを参照してください。
利用可能なカテゴリは以下の通りです:
標準
変数 | 説明 |
---|---|
Beamer Customer ID | (product_id ) |
ウィジェット構成
変数 | 説明 |
---|---|
セレクタID | (selector ) |
表示モード | (display ) |
表示位置 | (display_position ) |
上部オフセット | (top ) |
右部オフセット | (right ) |
下部オフセット | (bottom ) |
左部オフセット | (left ) |
埋め込みトグル [true /false ] |
(embed ) |
ボタントグル [true /false ] |
(button ) |
ボタン位置 | (button_position ) |
アイコン | (icon ) |
バウンストグル [true /false ] |
(bounce ) |
通知プロンプト | (notification_prompt ) |
通知プロンプト遅延 | (notification_prompt_delay ) |
言語 | (language ) |
フィルタ | (filter ) |
URLによるフィルタトグル [true /false ] |
(filter_by_url ) |
モバイルトグル [true /false ] |
(mobile ) |
レイジートグル [true /false ] |
(lazy ) |
アラートトグル [true /false ] |
(alert ) |
遅延 | (delay ) |
コールバック関数 | (callback ) |
Onclick関数 | (onclick ) |
Onopen関数 | (onopen ) |
Onclose関数 | (onclose ) |
ユーザーデータ
変数 | 説明 |
---|---|
ユーザー名 | (user_firstname ) |
ユーザー姓 | (user_lastname ) |
ユーザーメール | |
ユーザーID | (user_id ) |
ボタン位置
変数 | 説明 |
---|---|
左下 (bottom-left ) |
bottom-left |
右下 (bottom-right ) |
bottom-right |
左上 (top-left ) |
top-left |
右上 (top-right ) |
top-right |
表示
変数 | 説明 |
---|---|
左 (left ) |
left |
右 (right ) |
right |
アプリ内 (in-app ) |
in-app |
ポップアップ (popup ) |
popup |
表示位置
変数 | 説明 |
---|---|
下 (bottom ) |
bottom |
左下 (bottom-left ) |
bottom-left |
右下 (bottom-right ) |
bottom-right |
左 (left ) |
left |
左下 (left-bottom ) |
left-bottom |
左上 (left-top ) |
left-top |
右 (right ) |
right |
右下 (right-bottom ) |
right-bottom |
右上 (right-top ) |
right-top |
上 (top ) |
top |
左上 (top-left ) |
top-left |
右上 (top-right ) |
top-right |
アイコン
変数 | 説明 |
---|---|
ベルフル (bell_full ) |
bell_full |
ベルライン (bell_lines ) |
bell_lines |
フレーム (flame ) |
flame |
フレームオルト (flame_alt ) |
flame_alt |
アラートバブル (alert_bubble ) |
alert_bubble |
アラートサークル (alert_circle ) |
alert_circle |
ブルホーン (bullhorn ) |
bullhorn |
サムタック (thumbtack ) |
thumbtack |
通知プロンプト
変数 | 説明 |
---|---|
ポップアップ (popup ) |
popup |
サイドバー (sidebar ) |
sidebar |
最終更新日 :: 2019年August月30日