Zendesk Chatウィジェットの縦および水平方向のオフセット

ウェブサイトにZendesk Chatを追加したら、チャットウィジットがページ上の重要なボタンに重なってしまいます。修正方法として、APIコードを使用してウィジェットを縦または水平、または両方向に移動することが可能です。これはブラウザ画面の縁からボタンとウィンドウをオフセットする、といいます。

縦オフセット

これは、ブラウザ画面の縁からチャットボタンを縦オフセットするよう設定するAPIコードです。

<script type="text/javascript"><x id="1" ctype="x-br" equiv-text="&lt;br&gt;"><g id="2" ctype="x-span" equiv-text="&lt;span class=&quot;wysiwyg-color-black&quot;&gt;"></x>$zopim(function<x id="3" ctype="x-br" equiv-text="&lt;br&gt;"><g id="4" ctype="x-span" equiv-text="&lt;span class=&quot;wysiwyg-color-black&quot;&gt;"><x id="5" ctype="x-br" equiv-text="&lt;br&gt;"><g id="6" ctype="x-span" equiv-text="&lt;span class=&quot;wysiwyg-color-black&quot;&gt;"><x id="7" ctype="x-br" equiv-text="&lt;br&gt;"><g id="8" ctype="x-span" equiv-text="&lt;span class=&quot;wysiwyg-color-black&quot;&gt;"></g></x></g></x></g></x>() {$zopim.livechat.button.setOffsetVertical(50);});&amp;lt;/script&amp;gt;</g>

**()内の数字は必要によって変更できます。

これはチャットボタンのデフォルトポジションです
。
このように表示されます。

チャットウィンドウをチャットボタンと共に少し上方向に移動することもできます。

このAPIコードを追加できます。

$zopim.livechat.window.setOffsetVertical(50);

**()内の数字は必要によって変更できます。

これはチャットウィンドウのデフォルト位置
です。

次のように表示されます。

水平オフセット

これは、ブラウザ画面の縁からチャットボタンを水平オフセットするよう設定するAPIコードです。

$zopim(function() {
$zopim.livechat.button.setOffsetHorizontal(50
);});

**()内の数字は必要によって変更できます。

これはチャットボタンのデフォルト位置です。

次のように表示されます。

このコードを追加することで、チャットウィンドウに対しても使用できます。

$zopim.livechat.window.setOffsetHorizontal(50);

**()内の数字は必要によって変更できます。

これはチャットウィンドウのデフォルト位置です。

次のように表示されます。

以下のAPIコードを利用してモバイルチャットボタンとウィンドウに対しても使用できます。

$zopim




(function() {$zopim.livechat.button.setOffsetVerticalMobile(30);$zopim.livechat.window.setOffsetVerticalMobile(30);$zopim.livechat.button.setOffsetHorizontalMobile(30);$zopim.livechat.window.setOffsetHorizontalMobile(30);});

**()内の数字は必要によって変更できます。

詳細については、JavascriptAPIを参照してください。