ページをリロードせずにボタンをオンデマンドで変更する

ページをリロードせずにチャットボタンを「リフレッシュ」する必要がある場合があります。例えば、AngularJSを使用している場合や、動的な言語切り替えを行う場合などです。

LiveAgent.createButton を含まないボタン統合コードを使用してください。コードは以下のようになります：

<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,
'//yourdomain.com/scripts/track.js',
   function(e){});
</script> 

次に、以下の方法でチャットボタンを表示できます：

document.body.innerHTML += '<div id="chatButton"></div>';
chatButton = LiveAgent.createButton('BUTTON_ID', document.getElementById("chatButton"));

そして、以下の方法で破棄できます：

if(!LiveAgent.instance.openedWidget) {
    if(document.getElementById(chatButton.elementId)) {
        document.getElementById(chatButton.elementId).parentNode.removeChild(document.getElementById(chatButton.elementId));
    }
    if(document.getElementById("ic" + chatButton.elementId)) {
        document.getElementById("ic" + chatButton.elementId).parentNode.removeChild(document.getElementById("ic" + chatButton.elementId));
    }
    if(document.getElementById("if" + chatButton.elementId)) {
        document.getElementById("if" + chatButton.elementId).parentNode.removeChild(document.getElementById("if" + chatButton.elementId));
    }
    LiveAgent.instance.elements = [];
    LiveAgent.instance.widgets = [];
}