adsenseがヘッダーに表示されないバグ修正

· ☕ 2
🏷️
  • #hugo
  • #adsense
  • adsenseが表示されない…

    ヘッダー

    表示されるところもあるんだけど、ヘッダーとか、表示されない…。

    clomeでエラー確認

    とりあえず、エラーを確認。

    エラー

    サイズがないって言われてる?

    レスポンシブにしてるから、サイズの上限なくて怒られてるのかも?

    とりあえずサイズ固定にしてみる

    とりあえず、サイズ固定にしてみる。

    サイズ固定

    場所の確認

    そもそも場所がいけなかったかも。

    それぞれ見直す。

    1
    2
    3
    4
    5
    6
    7
    8
    
            {{ if .subtitle }}
              {{ range .subtitle }} 
              <div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px; {{ with $header.subtitleColor }}color:{{ . }}{{ end }}" data-cursive="{{ with $header.subtitleCursive }}{{ . }}{{ end }}">
                {{ . }}
                {{ partial "google/adsense_small" . }}
              </div>
              {{ end }}      
            {{ end }}
    

    ヘッダーはサブタイトルの中。

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    
    <ul class="sidebar">
        {{ partial "google/adsense_big" . }}
    
        {{ partial "search/site-search" . }}
        {{ partial "sidebar/custom-list" . }}
        {{ if and ($.Param "itemsPerCategory") ($.Param "enableListSidebarTitles") }}
            {{ range first ($.Param "itemsPerCategory") .Pages }}
            <li class="sidebar-recent">
                <a href="{{ .RelPermalink }}" class="sidebar-recent__title p1">{{ .Title }}</a>
            </li>
            {{ end }}
            <hr class="hr-fade sidebar-hr" />
        {{ end }}
    </ul>
    
     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    
      <div class="toc__flexbox" data-position="{{ if $.Param "hideToc" }}absolute{{ else }}fixed{{ end }}">
        {{ partial "google/adsense_big" . }}
        <h6 class="toc__title">{{ i18n "toc-label" }}</h6>
        {{ if $.Param "enableTocSwitch" }}
          <label class="switch">
            <input id="toggle-toc" aria-label="Toggle TOC" type="checkbox" {{ if $.Param "hideToc" }}{{ else }}checked{{ end }}>
            <span class="slider round"></span>
          </label>
        {{ end }}
      </div>
    

    サイドバーはそれぞれのdivの中

    ビルドしてみる

    ビルド

    うん、よさそう。

    ローカル実行だと、広告は表示されないのだー

    空白になってるから、多分表示されるはず!

    これは単純にコードの場所の問題だったかもな…。

    よし、アップしよう。

    はみ出る…

    固定サイズ駄目だったな…

    サイズオーバー

    戻して寝よう…。

    今日の作業はおしまい。

    実はちょっとtwitterBotも進めてるから、明日アップしよー

    追記

    いい感じ

    いい感じ


    るな
    るな
    エンジニア