Olá,
Dentro de um site feito em angular eu tenho, nessa ordem - o Google Analytics, o Google Tag Manager, o Hotjar e o Facebook Pixel Code dentro do meu <Head>
. E depois eu tenho o Tawk.to (que é um sistema de chat) antes do </body>
(e portanto depois do <as-app></as-app>
. Todos eles dentro do index.html.
Coloquei nesse locais pois é informado dessa forma na própria documentação de cada um deles. O problema é que eu não encontrei nada que fosse especifico para o angular.
E ao analisar a aba 'network' do devtools do chrome, esses scripts aparecem como responsáveis por um certa demora no carregamento do site. O tawk e o facebook pixel principalmente.
Eu até achei alguns pacotes que daria para instalar via npm, mas a maioria bem antigos, com poucos Weekly Downloads e que eu acredito que podem não ser tão úteis. Alguém já viu alguma forma melhor de colocar esses scripts no angular?