Gatsbyで作ったブログにGoogle Adsense

初心者メモです

仕事がバタついていたので、少し時間が空いてしまいました。
が、その間に Google Adsense の審査が通りました〜！
早速導入しようと、先人たちの知恵を拝借。

こちらやこちらを参考にさせていただきました。
ってなわけで

無事に広告が挟めるようになりました。
少し躓いたところがあったのでメモです。

SLOT ってなに？

data-ad-slot=GOOGLE_AD_SLOT

それこそ 10 年ぶり?くらいに Ads を導入したので、さっぱり忘れてました。。。
Google Adsense のページにログインして、広告を作らなきゃ行けなかった。

ここで広告を作成して、生成された ID を貼り付ける。
…自分の ID 貼ってて、おかしいなぁってなってました(危ない！)

React Hook のインポート

前述の参考サイトで「プラグイン非推奨」とあったので、真似ていたのですが、自分は環境変数を使っていないので少し書き方が違いました。
んで、これでいいだろうと npm run develop したところ、

react__WEBPACK_IMPORTED_MODULE_0__ is not a function

というエラーが出てしまいました。
指摘されたのはuseEffectのところ。

何がおかしいのか分からず色々いじってましたが直らず、参考サイトのコードを眺めていたところ

import React, { useEffect } from 'react'

こいつかっ！！

自分は

import useEffect from 'react'

と書いていました。

完全なる勉強不足ですね。
こことか、こことかをもっと読まなきゃですね。
…まぁ解決できたってことで、どんどんやっていきまっしょい！