应该将body.appendChild片段（helpcrunch聊天）添加到Vue单页应用程序的哪里？

Question

我应该在Vue SPA中的哪里添加实时聊天javascript代码段？

下面的代码段在网络的右下方添加了一个小聊天窗口。 HelpCrunch的说明指出，以下代码段应添加到网站的每个页面上

<script type="text/javascript">
(function(w,d){
  w.HelpCrunch=function(){w.HelpCrunch.q.push(arguments)};w.HelpCrunch.q=[];
  function r(){var s=document.createElement('script');s.async=1;s.type='text/javascript';s.src='https://widget.helpcrunch.com/';(d.body||d.head).appendChild(s);}
  if(w.attachEvent){w.attachEvent('onload',r)}else{w.addEventListener('load',r,false)}
})(window, document)
</script>

<script type="text/javascript">
  HelpCrunch('init', 'XXXXXXXXXXXXX', {
    applicationId: XXXXXXXXXXXXXXXXXX,
    applicationSecret: 'XXXXXXXXXXXXXXXXXXXXXXX'
  });

  HelpCrunch('showChatWidget');
</script>

我试图将此代码段添加到index.html，其中Vue注入了所有代码（并且它可以工作），但是据我了解，这是一种不好的做法。

我也尝试将其添加到Vue实例的mount（）{}方法内的main.js文件中。它可以工作，但是我注意到刷新页面不会添加聊天，这可能是由于某种Vue缓存所致。

应在何处添加？