Thrivecartを使用してLiveAgentのボタン統合コードをトラッキングコードとして挿入する場合、トラッキングコードはopacityが0に設定された<div>要素で囲まれているため、非表示になってしまいます。

LiveAgentの統合コードはボタンのHTMLコードを統合コードのすぐ隣に配置するため、ボタンも非表示になってしまいます。

この問題は、以下のように少し修正した統合JavaScriptコードを使用することで簡単に解決できます。

<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);};document.body.appendChild(s);})(document,
'https://testaccount.ladesk.com/scripts/track.js',
function(e){ LiveAgent.createButton('<your_button_ID>', e); });
</script>

デフォルトの統合コードにある以下の部分

t.parentElement.insertBefore(s,t.nextSibling)

を次のコードに置き換えます。

document.body.appendChild(s)

この変更の重要なポイントは、ボタンのHTMLコードを統合コードのすぐ隣に配置するのではなく、HTMLドキュメントの末尾、つまりトラッキングコードを囲む非表示の<div>の外側にある<body>要素の直前に配置するという点です。