任意のバナーをクリックしてecforce chatを起動する方法を教えてください。

ecforce chatのデフォルトのバナーではなく任意のバナーを使用したい場合は、以下の設定をしてください。

• ページ表示時に、ecforce chatのデフォルトのバナーが表示されないようにする
• 任意のバナーをクリックした際に、ecforce chatが起動するようにする
• ecforce chatを閉じた際に、ecforce chatのデフォルトのバナーが表示されないようにする

ページ表示時に、ecforce chatのデフォルトのバナーが表示されないようにする

ページ表示時にecforce chatのデフォルトのバナーが表示されないようにするには、ページに設置するecforce chatのJavaScriptタグ内の「data-talkmation-init-state」に「hidden」を指定します。

例）

<script type='text/javascript' data-talkmation='1' data-talkmation-code='aiueo' data-talkmation-init-state='hidden' src='https://talkmation.com/scenario/assets/tag.js?code=aiueo'></script>

もしくは、【デザイン設定】画面の項目「基本設定 > 初期表示状態」を「非表示」に設定します。

任意のバナーをクリックした際に、ecforce chatが起動するようにする

ecforce chatが用意しているJavaScript関数の「TM_JS.close()」（ecforce chatを起動する関数）を使用し、任意のバナーをクリックした際にecforce chatが起動するように記述します。

記述例）

<a href="javascript:TM_JS.open();">
　<img src="{{ file_root_path }}/talkmation_banner.png" alt="talkmation">
</a>

ecforce chatを閉じた際に、ecforce chatのデフォルトのバナーが表示されないようにする

ecforce chatが用意しているJavaScript関数の「TM_JS.hidden()」（ecforce chatを非表示にする関数）を使用し、ecforce chatの閉じるボタンをクリックした際にecforce chatのデフォルトのバナーが表示されないように記述します。

記述例）

<script type="text/javascript">
　$(function () {
　　TM_JS.setEventListener('close', function () {
　　　TM_JS.hidden();
　　});
　});
</script>