hugo/zzoブログでadsense審査通ったw

· ☕ 2
🏷️
  • #adsense
  • #hugo
  • 今日adsense対策しようと思って、とりあえず昨日の夜、無理やり広告タグ貼り付けて審査出すだけだしたんだけど、受かったよねww

    adsense合格

    昔のブログは30記事近く書いてやっと審査通ったのに…

    技術ブログはなかなか丸かぶりな記事ないから、甘いのかな?w

    とりあえず、やったこととかまとめる

    hugoのzzoテーマでタグを貼る

    hugoはmdで記事を書いて、その記事からビルドでhtmlやらjsやらを自動生成してくれるという仕組み。

    さて、どこに何を書いたもんか…

    となったんだけど、zzoは簡単な方法があった!

    少し、テーマの中身をいじることになる。

    layouts/partialsの中にhtmlのパーツを置くことができるみたいなので、まず、adsenseのパーツを新規で作る

    1
    2
    
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script data-ad-client="ca-pub-xxxxxxxxxxxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    

    xxxxxは自分のコードに変えてくださいね!

    で、そのパーツを呼び出す。

    zzoはよくできていて、custom-head.htmlに書くだけでいいみたい。

    他のテーマの場合は、っぽいことが書いてあるところに、同じように↓の記述を追加すればOK

    1
    2
    3
    
    <!-- override this file -->
    <!-- Adsense -->
    {{ partial "google/adsense" . }}
    

    で、ビルドするだけ!

    自動広告

    自動広告は↑の記述さえしてしまえば、adsense側で設定するだけでいいから、これでおしまい!

    設定は、adsenseの管理画面⇒広告⇒該当サイトの右端の鉛筆マークでできます。

    adsense設定画面

    ただね、hugoは綺麗な自動広告入ってくれないみたい…

    スマホしか自動広告出なくて、

    私の大嫌いな画面全体の広告と、画面下の広告がでているよw

    全画面広告

    下部広告

    でね、最近snowflake universityばっか見てたから、snowflakeの宣伝ばっかりwww

    とりあえず、しばらくはこのまま広告出しておくので、よかったら参考にして下さい!

    明日はほどよい感じで広告を入れるか、↑と同じ感じでcustum-headerで、twitterカードの設定をしたいな…


    るな
    るな
    エンジニア