概要
ショップバナータグは最新のライブを告知するバナーをお客様のサイトに表示する機能です。配信予定である直近のライブまたは配信済みである直近のライブへ誘導するバナーをルールに従って表示することができます。TOPページなどにタグを埋め込んでいただくとライブへの導線が増え、ライブを視聴いただける可能性が高くなります。誘導先のライブIDと現在ライブ動画タグで表示しているライブIDが同一の場合はショップバナーは表示されません
設定方法
①バナーの登録
登録方法はショップ単位で登録する方法とライブID単位で登録する方法がございます
| 登録箇所 | URL | 登録単位 | 優先順位 |
| ショップページ | https://shop.tagfab.jp/shop | ショップ単位 | 2 |
| ライブ予約ページ>編集 | https://shop.tagfab.jp/streamer/previews | ライブID | 1 |
| ライブ予約ページ>新しいライブ予約 | https://shop.tagfab.jp/streamer/previews | ライブID | 1 |
登録画像の種類
| バナー画像 | スマートフォン以外に表示するバナー画像(スマートフォン用バナー画像の登録がない場合は、こちらの画像がスマートフォンにも表示されます) |
| スマートフォン用バナー画像 | スマートフォンに表示するバナー画像 |
③ ショップバナータグを対象のページに埋め込んでください。
<div id="tagfab-shop-banner" data-shop="ショップID" data-width="1000" data-recent="next" data-visibility="true"></div>
④共通タグが埋め込まれていることを確認してください
利用可能な変数
-
data-shop
ショップIDをご指定ください。複数のショップIDを指定することができます。その際はカンマ区切りで設定してください。(例:data-shop=”aaaa,bbbb,cccc”)
ショップIDの確認方法:https://tagsapi.info/2021/05/03/shop-id/ -
data-width
バナー画像の横幅をご指定ください。高さは横幅に合わせて調整されます。
ただし、スマートフォンの場合は画面幅で表示されます。 -
data-recent
- こちらを参照下さい
-
data-visibility
現在のページでライブが表示されている場合にバナーを表示するかどうかをご指定ください。- true
常に表示(ただし、バナーのリンク先が同じライブの場合は非表示) - false
現在のページでライブが表示されていない場合のみ表示
- true