ボタン設定例
「いつ」「どこで」「だれに」「なにを」配信するのかを
施策の内容に合わせて設定することができます。
以下はこちらのプリセットの設定例です。
※「-」は設定なしの項目です。
パネル |
---|
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 Removed | ボタンアニメーション | なしWebサイトの機能に依存するためなし。 |
ボタンアニメーション | フェードイン |
パネル |
---|
panelIconId | 1f530 |
---|
panelIcon | :beginner: |
---|
panelIconText | 🔰 |
---|
bgColor | #57D9A3 |
---|
|
設定ファイル |
ボタン押下後のリンク先、ボタン有効化条件については、ご自身のサイトに合わせた設定をお願いします。
有効化条件の設定方法についてはこちらの記事をご確認ください。
設定ファイルのインポート方法についてはこちらの記事をご確認ください。
PC表示設定ファイル | View file |
---|
name | buttons_5861921114816512_part_435c6889-5750-4ce6-a6e9-27fac781e098_20240513_155340.json |
---|
|
|
---|
スマホ表示設定ファイル | View file |
---|
name | buttons_5861921114816512_part_28846ac0-a293-4968-8706-0e5fbacbb919_20240513_155345.json |
---|
|
|