ポップアップリンクの実装方法

概要

リンクをクリックいただくことでポップアップ型のライブを表示できる機能です。
ライブページ以外の商品ページなどでもライブを閲覧する事が可能となるため
ライブを閲覧いただく機会が増加します。

実装方法

1. シナリオ機能にてポップアップを表示される可能性のある全ページに共通タグを実装して下さい。
2. リンクを生成するには、ターゲットとなる要素（テキストや画像）を下記の a タグで囲って下さい。

   <a href="#" class="tagfab-link" data-live="<LIVE ID>" data-position="top-left" data-marginRight="20" data-liveSs="600" >

   変数	必須	値	説明
   data-live	◯	ライブID	クリック時に表示するライブIDを指定します
   data-position	◯	左上に表示する場合：top-left 右上に表示する場合：top-right 左下に表示する場合：bottom-left 右下に表示する場合：bottom-right 中央に表示する場合： center	クリック時に動画を表示するページ内の位置（上下左右）を指定します。
   data-marginRight		数値	クリック時に動画を表示するページ内の位置（マージン）を指定します。
   data-marginLeft		数値	クリック時に動画を表示するページ内の位置（マージン）を指定します。
   data-marginTop		数値	クリック時に動画を表示するページ内の位置（マージン）を指定します。
   data-marginBottom		数値	クリック時に動画を表示するページ内の位置（マージン）を指定します。
   data-liveSs		数値	クリック時に再生する動画の再生開始時間（秒）を指定することができます