Proプラン以上のお客様は、基本的なURLマッチングに加えて、追加の高度なターゲティング条件をご利用いただけます。
仕組み
「表示・除外対象ページとは」で説明されている標準のURLマッチルールに加えて、以下のいずれかの条件をディスプレイの表示条件、または除外条件として追加できます。
設定項目
条件 | 説明 |
URLが次の正規表現にマッチする | ページURLに対する正規表現パターンの一致に基づいて表示・非表示を切り替えます |
ページタイトルが次の文字列を含む | ページタイトルに含まれる文字列に基づいて表示・非表示を切り替えます |
要素が存在する | 指定したセレクタに一致する要素がページ上に存在する場合に表示・非表示を切り替えます（例：「header」というクラスを持つ要素） |
要素がCSSクラスを持つ | 要素が指定したCSSクラスを持つ場合に表示・非表示を切り替えます。手順は「特定のCSSクラスを持つ要素があるときにポップアップを表示する」をご覧ください |
要素のCSSプロパティがある値をもつ | 要素のCSSプロパティが指定した値と一致する場合に表示・非表示を切り替えます |
要素がある属性を持つ | 要素が指定した属性を持つ場合に表示・非表示を切り替えます |
クッキーを持つ | 指定したクッキーが存在するかどうかに基づいて表示・非表示を切り替えます |
JSのグローバル変数を持つ | 指定したJavaScriptのグローバル変数が存在するかどうかに基づいて表示・非表示を切り替えます |
活用例
URLが次の正規表現にマッチする
商品ページ全体に表示したい
商品ページのURLを一つずつ登録しなくても、すべての商品ページに「送料無料」のお知らせを表示できます。
- 条件: 「URLが次の正規表現にマッチする」
- 入力する値: ^/products/.*（商品ページのURLが /products/商品名 の形式の場合の例です）
ページタイトルが次の文字列を含む
セール中のページだけに表示したい
ページのURLがバラバラでも、ページタイトルに「セール」という文字が入っていれば表示できます。
- 条件: 「ページタイトルが次の文字列を含む」
- 入力する値: セール
要素が存在する
「売り切れ」と表示されている商品ページだけに表示したい
対象の商品ページを一つずつ指定しなくても、売り切れ表示が出ているページを自動で判定して、再入荷通知フォームを表示できます。
- 条件: 「要素が存在する」
- 入力する値: 売り切れ表示部分のCSSクラス名（調べ方は「特定のCSSクラスを持つ要素があるときにポップアップを表示する」参照）
要素がCSSクラスを持つ
タブを切り替えるだけのFAQページで、特定のタブを開いた時だけ表示したい
ページ移動せずタブだけ切り替わるFAQページなどで、特定のタブが開かれている時だけクーポンを表示できます。
- 条件: 「要素がCSSクラスを持つ」
- 入力する値: タブが選択中に付くCSSクラス名
要素のCSSプロパティがある値をもつ
他のポップアップと表示が重ならないようにしたい
別のポップアップやモーダルが開いている間は表示しない、といった制御ができます。
- 条件: 「要素のCSSプロパティがある値をもつ」
- 入力する値: プロパティ名（例: display）と値（例: block）
要素がある属性を持つ
お使いのテーマ特有の設定を使ってページを判定したい
テーマによっては在庫状況などがCSSクラスでなく「data属性」で管理されている場合があります。その場合にこの条件を使えます。
- 条件: 「要素がある属性を持つ」
- 入力する値: 属性名と値
クッキーを持つ
提携先のリンク経由で来た訪問者にだけ表示したい
提携先のリンクを踏んだ訪問者にCookieが発行されている場合、その訪問者にだけ専用オファーを表示できます。
- 条件: 「クッキーを持つ」
- 入力する値: Cookie名
JSのグローバル変数を持つ
会員ランクなど、サイト独自の情報をもとに表示したい
会員システム側でJavaScriptの変数に会員ランクなどの情報を保持している場合、それをもとに特定の会員にだけ表示できます。
- 条件: 「JSのグローバル変数を持つ」
- 入力する値: 変数名と値
注意事項
これらの条件をご利用いただくには、Proプラン以上のご契約が必要です。
特定の条件の設定についてサポートが必要な場合は、ライブチャットからお問い合わせください。