reactでadsenseを使う

· ☕ 2
🏷️
  • #adsense
  • #React
  • Reactで作ったぽこボックスタイマーにadsenceを付けたくて頑張った話。

    react google-adsense の 組み込み方法についてを参考に、google-adsenseというライブラリーを使おうと、もうそれは頑張ったw

    でも、諦めました。

    $ npm start
    > my-app@0.1.0 start /mnt/c/github/runau/react/my-app
    > react-scripts start
    
    sh: 1: react-scripts: not found
    npm ERR! code ELIFECYCLE
    npm ERR! syscall spawn
    npm ERR! file sh
    npm ERR! errno ENOENT
    npm ERR! my-app@0.1.0 start: `react-scripts start`
    npm ERR! spawn ENOENT
    npm ERR! 
    npm ERR! Failed at the my-app@0.1.0 start script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    npm WARN Local package.json exists, but node_modules missing, did you mean to install?
    

    元々のnpx create-react-appでプロジェクトを作ってたんですが、もうなんか、これと合わないみたい。

    react-scripts startがもうないって。

    色々頑張ったんだけど…。

    もう諦め…。

    丸3日くらい頑張ってしまったよ…

    おかげでnpm詳しくなったから良しとはするけど、なかなかに無駄な時間を過ごした…

    自前でつくる

    もうね、自前で作る!

    ようは、タグを入れたいだけだし、何とかなるでしょう!

    ↓こちらを参考にして作業を進める。

    Google AdsenseをReactで使う方法(パッケージ未使用)

    process.env.REACT_APP_GOOGLE_AD_CLIENT?

    プロジェクトフォルダ直下に.envってファイルを作ればいいみたい。

    参考:create-react-appで独自の環境変数を読み込む

    REACT_APP_GOOGLE_AD_CLIENT="ca-pub-000000000000000"
    REACT_APP_GOOGLE_AD_SLOT="00000000"
    

    るな
    るな
    エンジニア