インラインスクリプト
こんな感じのインラインスクリプトを用意します。以下はGoogleAnalyticsの埋め込みタグです。
<script async src="https://www.googletagmanager.com/gtag/js?id=あなたのid"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'あなたのid');
</script>JSXに変換
dangerouslySetInnerHTMLattrに__html: 'インラインスクリプト'を持ったオブジェクトをセットします。
<script async src="https://www.googletagmanager.com/gtag/js?id=あなたのid" />
<script
dangerouslySetInnerHTML={{
__html: `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'あなたのid');
`
}}
/>dangerouslySetInnerHTML.__htmlは最初気持ち悪く感じるかもですが、こういうものなのでしょうがないです。
中身ないので/>にするのも忘れずに書き換えます。
