AdSense Error Solution: Fixing 'adsbygoogle.push()' TagError

블로그 개설 후 오랫동안 'Uncaught TagError: adsbygoogle.push() error: All ins elements in the DOM with class=adsbygoogle already have ads in them.' 에러와 함께 광고가 안나오는 문제로 고통을 겪고있었는데 아무리 구글링을 해도 방법을 찾을 수 없었는데 문뜩 내가 가진 웹지식으로 해결하게 돼서 공유해볼까 한다.

adsense에서 광고단위를 만들고 코드를 보면 아래와 비슷한 형태로 제공될 것이다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-{내 adsense 번호}"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="..."
     data-ad-client="..."
     data-ad-slot="..."></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

여러 광고를 만들고 필요한 곳에 붙혀넣었는데 문제는 아래 코드가 중복해서 들어가고 있다는 것이다.

<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-{내 adsense 번호}'/>

같은 내용의 js파일을 받아오는 동작이라 해당 부분들은 지우고 head에 한번만 넣어줬더니 말끔히 해결됐다.

나와 같은 문제로 고통을 받고 있는 사람이 있다면 해당 방법을 시도해보길 권장한다.