ボタン設定例
「いつ」「どこで」「だれに」「なにを」配信するのかを
施策の内容に合わせて設定することができます。
以下はこちらのプリセットの設定例です。
※「-」は設定なしの項目です。
| パネル |
|---|
| panelIconId | 1f5d3 |
|---|
| panelIcon | :calendar_spiral: |
|---|
| panelIconText | 🗓️ |
|---|
| bgColor | #FFF0B3 |
|---|
|
いつ |
ボタン表示タイミング | 即時表示1.5秒後表示（1500ms） |
| パネル |
|---|
| panelIconId | 1f5fa |
|---|
| panelIcon | :map: |
|---|
| panelIconText | 🗺️ |
|---|
| bgColor | #FF8F73 |
|---|
|
どこで |
ボタン表示ページURL | メルマガからの遷移先すべてトップページ |
|---|
ボタン非表示ページURL | 左記ページ以外に表示しない
パラメーターがないページには表示しないTOP以外に表示すると闇市ページ内でも表示されるため |
ボタン表示位置 | 右5px下10px中央下20px |
| パネル |
|---|
| panelIconId | 1f468-200d-1f469-200d-1f466 |
|---|
| panelIcon | :family_man_woman_boy: |
|---|
| panelIconText | 👨👩👦 |
|---|
| bgColor | #998DD9 |
|---|
|
だれに |
ボタン有効化条件
（対象ユーザー） | メルマガからの遷移ユーザー 一定以上の会員ステージのユーザー |
|---|
指定方法（futureshop） | ※LINEなど他SNSでも可能指定方法（futureshop）要素の値：「クエリー」「要素の有無」
#fs_Top > div.fs-l-page > header > div.fs-l-header__contents > div.fs-l-header__leftContainer > div.fs-l-header__welcomeMsg.fs-clientInfo.is-ready > div.fs-p-memberInfo.is-loggedIn--true |
| パネル |
|---|
| panelIconId | atlassian-flag_on |
|---|
| panelIcon | :flag_on: |
|---|
| panelIconText | :flag_on: |
|---|
| bgColor | #79E2F2 |
|---|
|
なにを |
ボタンの種類 | ポップアップ |
|---|
ボタン画像（サンプル） |  Image RemovedWebサイトの機能に依存するためなし。 |
ボタンアニメーション | なしフェードイン |
| パネル |
|---|
| panelIconId | 1f530 |
|---|
| panelIcon | :beginner: |
|---|
| panelIconText | 🔰 |
|---|
| bgColor | #57D9A3 |
|---|
|
設定ファイル |
ボタン押下後のリンク先、ボタン有効化条件については、ご自身のサイトに合わせた設定をお願いします。
有効化条件の設定方法についてはこちらの記事をご確認ください。
設定ファイルのインポート方法についてはこちらの記事をご確認ください。設定ファイルのインポート方法についてはこちらの記事をご確認ください。
PC表示設定ファイル | | View file |
|---|
| name | buttons_5861921114816512_part_377ad9fc435c6889-de685750-4c704ce6-af7ca6e9-6b3b62351ea627fac781e098_2024050920240513_154610155340.json |
|---|
|
|
|---|
スマホ表示設定ファイル | | View file |
|---|
| name | buttons_5861921114816512_part_15fd5d3d28846ac0-5428a293-45704968-a9cd8706-d80ce6f7da050e5fbacbb919_2024050920240513_154618155345.json |
|---|
|
|
