チャットボタンやお問い合わせフォームをCMSに組み込む場合、通常は顧客のメールアドレスや名前がすでにわかっているため、お問い合わせフォームで再入力を求める必要はありません。ウィジェットコードに特別なコードを追加することで、顧客のメールアドレス、名前、電話番号、またはその他のカスタム値をあらかじめ入力しておくことができます。

バージョン5.17以降、プリフィルメソッドのロジックが変更され、新しいメソッドが追加されました。詳細はこちら:</docs/liveagent-api/javascript-api/set-visitor-specific-values-with-javascript/>

以下に、シンプルな1行の実装例を紹介します。

チャットボタン

チャットボタンについては、元の組み込みコードを変更する必要があります。

<script type="text/javascript">
(function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
'//URL_TO_LiveAgent/scripts/track.js',
function(e){ LiveAgent.createButton('16756da8', e); });
</script>

以下のように変更します:

<script type="text/javascript">
(function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
'//URL_TO_LiveAgent/scripts/track.js',
function(e){
LiveAgent.setUserDetails('customer@email.com', 'First name', 'Last name');
LiveAgent.createButton('16756da8', e);
});
</script>

太字で示した以下の行が、元の組み込みコードに追加された部分です。

LiveAgent.setUserDetails('customer@email.com', 'First name', 'Last name');

お問い合わせフォーム

お問い合わせフォームについても同様です。チャットボタンとお問い合わせフォームのコードを比較すると、唯一の違いは LiveAgent.createButton()LiveAgent.createForm() に変わっている点だけです。そのため、チャットボタンのコードへの適用とお問い合わせフォームのコードへの適用に違いはありません。注意:この組み込みはバージョン2.4以降で利用可能です。

電話サポート

バージョン4.3.7.2以降では、ユーザー詳細に電話番号もプリフィルできるようになりました。関数の形式は以下のとおりです:LiveAgent.setUserDetails(email, firstName, lastName, phone)