ボタン設定例
「いつ」「どこで」「だれに」「なにを」配信するのかを
施策の内容に合わせて設定することができます。
以下はこちらのプリセットの設定例です。
※「-」は設定なしの項目です。
| パネル |
|---|
| panelIconId | 1f5d3 |
|---|
| panelIcon | :calendar_spiral: |
|---|
| panelIconText | 🗓️ |
|---|
| bgColor | #FFF0B3 |
|---|
|
いつ |
ボタン表示タイミング | 即時表示1.5秒後表示（1500ms） |
| パネル |
|---|
| panelIconId | 1f5fa |
|---|
| panelIcon | :map: |
|---|
| panelIconText | 🗺️ |
|---|
| bgColor | #FF8F73 |
|---|
|
どこで |
ボタン表示ページURL | メルマガからの遷移先すべて会員表示、会員価格表示などのあるページ |
|---|
ボタン非表示ページURL | パラメーターがないページには表示しない会員情報が取得できないページには表示しない |
ボタン表示位置 | 右5px下10px右10px下10px |
| パネル |
|---|
| panelIconId | 1f468-200d-1f469-200d-1f466 |
|---|
| panelIcon | :family_man_woman_boy: |
|---|
| panelIconText | 👨👩👦 |
|---|
| bgColor | #998DD9 |
|---|
|
だれに |
ボタン有効化条件
（対象ユーザー） | ログインユーザーメルマガからの遷移ユーザー |
|---|
指定方法（futureshop） | ※LINEなど他SNSでも可能指定方法（futureshop）要素の値：「クエリー」「要素の有無」
#fs_form > div > div.fs-l-productLayout__item.fs-l-productLayout__item--2 > div.fs-c-productPrices.fs-c-productPrices--productDetail > div.fs-c-productPrice.fs-c-productPrice--member |
| パネル |
|---|
| panelIconId | atlassian-flag_on |
|---|
| panelIcon | :flag_on: |
|---|
| panelIconText | :flag_on: |
|---|
| bgColor | #79E2F2 |
|---|
|
なにを |
ボタンの種類 | ポップアップ |
|---|
ボタン画像（サンプル） |  Image Removed Image Added
|
ボタンアニメーション | なしフェードイン |
| パネル |
|---|
| panelIconId | 1f530 |
|---|
| panelIcon | :beginner: |
|---|
| panelIconText | 🔰 |
|---|
| bgColor | #57D9A3 |
|---|
|
設定ファイル |
ボタン押下後のリンク先、ボタン有効化条件については、ご自身のサイトに合わせた設定をお願いします。
有効化条件の設定方法についてはこちらの記事をご確認ください。
設定ファイルのインポート方法についてはこちらの記事をご確認ください。
PC表示設定ファイル | | スマホ表示設定ファイル | | | View file |
|---|
| name | buttons_5861921114816512_part_36f5fbdf-80c3-449d-a8b1-f2b2aa493ae8_20240513_154709.json |
|---|
|
|
|---|
スマホ表示設定ファイル | | View file |
|---|
| name | buttons_5861921114816512_part_99869825-0f0b-4023-b966-63018bd9c65c_20240513_154654.json |
|---|
|
|
