ご利用マニュアル

3-A2. アイコン位置の微調整

更新日 2021年10月14日

同意管理プロのアイコン位置を微調整する方法について説明します。

同意管理プロ ウィジェットでは「あなたのプライバシー」や「歯車マーク」のアイコンが表示されます。もし画面上の要素や他のウィジェットと重なってしまう場合は、位置を微調整することができます。調整方法は、同意管理プロのタグに下記の属性を設定します。

属性名 値の説明
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/※※※※※※※※※※/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>

あなたのサイトに合わせて個別に最適なお見積もりが可能です。