はてなブログでアドセンス広告の上に表示されるハイフン、-を消す方法

今回はGoogle Adsenseを手動で掲載した際に広告の上に表示されるハイフンを消す方法を紹介します。

原因

原因はinsタグで<ins></ins>の中に何も書かれていないことが原因だと考えられます。

解決方法 

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?"crossorigin="anonymous"></script>
<!-- 広告名 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="id"
     data-ad-slot="4971768925"
     data-ad-format="auto"
     data-full-width-responsive="true"><!-- --></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

上記のようにinsタグの中に注釈を意味する<!-- -->を入れてあげることでハイフンを消すことができます。

補足

insタグとは

insタグのinsはinsertの略で追加という意味があります。追加して書くときに使うタグです。

最後まで読んでいただきありがとうございました。