Где следует добавить фрагмент body.appendChild (чат helpcrunch) в одностраничное приложение Vue? - PullRequest
Новая
       18

Где следует добавить фрагмент body.appendChild (чат helpcrunch) в одностраничное приложение Vue?

1 голос
/ 18 апреля 2019

Куда мне добавить фрагмент чата livechat в Vue SPA?

Фрагмент ниже добавляет небольшой чат в правой нижней части сети. В инструкциях 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 внедряет весь код (и это работает), но, насколько я понимаю, это плохая практика.

Я также попытался добавить это в файл main.js внутри метода mount () {} экземпляра Vue. Это работает, но я заметил, что обновление страницы не добавит чат, возможно, из-за некоторого кеширования Vue.

Куда это следует добавить?

...