自作ページでGoogle AdsenseとGoogle Analyticsを有効にしたい

HTML & CSS

2021.10.07

はじめに
方法

はじめに

私は普段はWordPressで記事を書いていますが、WordPressだと設定でAdsenseコードやAnalytics用のコードを登録しておけば、書いた記事全てに自動でそれらが有効になります。

しかし、最近PHPの勉強をするようになり、自作ページを作ることもありますが、WordPressを使っていないのでもちろんAnalyticsなどは有効になっていません。

自分で作ったページを見てくれた人の人数などが分からないのは困ります。

そこで<head>タグに自らコードを追加してAdsenseとAnalyticsが適用されるように出来るみたいなので、忘れないようにまとめておきます。

方法

方法は下のように自作ページの<head>タグ内に追加するだけです。

「?」の部分は適宜補ってください。

これを追加すると無事、Adsenseが表示され、Analyticsにも反映されるようになりました。

<head>
    <!-- google adsense -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-????????????????" crossorigin="anonymous">
    </script>
    <!-- google analytics -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-??????????"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-??????????');
    </script>
</head>