ボタン・ダイアログの表示位置を調整する

ウィジェットのボタン・ダイアログ表示位置を微調整する方法について説明します。

ウィジェットを設置することによりボタンやダイアログが画面に表示されます。もし画面上の要素や他のウィジェットと重なってしまう場合は、位置を微調整することができます。調整するには、ウィジェットのタグに下記の属性を設定します。

属性名	値の説明
data-vertical-position	"top"または"bottom"を指定して縦方向位置調整の基準を決めます。
data-desktop-horizon-value	基準からの横方向位置を"50px"のように指定します。（デスクトップ表示の時）
data-desktop-vertical-value	基準からの縦方向位置を"50px"のように指定します。（デスクトップ表示の時）
data-horizon-value	基準からの横方向位置を"50px"のように指定します。（モバイル表示の時）
data-vertical-value	基準からの縦方向位置を"50px"のように指定します。（モバイル表示の時）

設定例

<script id="__datasign_consent_manager__" src="//cmp.datasign.co/v2/※※※※※※※※※※/cmp.js" data-vertical-position="bottom" data-desktop-horizon-value="10px" data-desktop-vertical-value="100px" data-horizon-value="10px" data-vertical-value="50px" async></script>