애드센스 adsbygoogle.js 한 번만 로드 - 광고 단위가 여러개 일 때 페이지 로딩 속도 높이는 방법
한 페이지에 게시되는 애드센스 광고 단위는 대체로 3개 전후인 것 같습니다.
애드센스 광고 코드는 adsbygoogle.js 를 로딩하게 되는데, 매 광고 단위 마다 로딩을 하게 되면, 비록 큰 차이가 아니라 하더라도, 로딩 속도가 떨어지고, 결과적으로 페이지 로딩 속도가 느리게 됩니다.
adsbygoogle.js 를 <head> 영역에서 한 번만 로딩 되도록 하고자 하였지만, 이전에는 '광고 코드 변경'은 애드센스 정책에 위반된다 하여, 그렇게 할 수가 없었습니다. 언제부터 이렇게 하는 것이 허용되었는지는 모르겠지만, 이제는 애드센스 도움말 페이지에 공식적으로 허용된다고 나와 있습니다.
[애드센스 고객센터 도움말]
방법은,
애드센스 광고 코드에서 빨강색으로 표시된 부분을 <head> 와 </head> 사이, 곧 <head> 영역에 한 번만 삽입을 하고, 매 광고 코드는 빨강색 부분을 삭제하고 게제하는 것입니다.
이렇게 하면, 로딩 속도가 얼마나 더 빨라지는 지는 알 수 없지만, 어쨋든 조금이라도 더 빨라 질 것은 확실하니, 그로서 더 낫다 할 수 있겠습니다.
아래 링크에 이에 대한 내용이 나와 있습니다. 행여라도 걱정이 되면 읽어 보시고, 잘 아는 분에게 확인도 해보시고 판단하시기 바랍니다.
>> 구글 도움 말 (한글)
>> 구글 도움 말 (영어)
애드센스 광고 코드는 adsbygoogle.js 를 로딩하게 되는데, 매 광고 단위 마다 로딩을 하게 되면, 비록 큰 차이가 아니라 하더라도, 로딩 속도가 떨어지고, 결과적으로 페이지 로딩 속도가 느리게 됩니다.
adsbygoogle.js 를 <head> 영역에서 한 번만 로딩 되도록 하고자 하였지만, 이전에는 '광고 코드 변경'은 애드센스 정책에 위반된다 하여, 그렇게 할 수가 없었습니다. 언제부터 이렇게 하는 것이 허용되었는지는 모르겠지만, 이제는 애드센스 도움말 페이지에 공식적으로 허용된다고 나와 있습니다.
[애드센스 고객센터 도움말]
문) 한 페이지에 광고 단위가 여러 개인 경우 각 광고 단위에 대해 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>를 포함해야 하나요?
답) 반드시 그럴 필요는 없습니다. adsbygoogle.js는 한 번만 로드할 수 있습니다.
문) If I have multiple ad units on a page, do I have to include <script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> for each ad unit?
답) No, this is not necessary, adsbygoogle.js can be loaded once.
답) 반드시 그럴 필요는 없습니다. adsbygoogle.js는 한 번만 로드할 수 있습니다.
문) If I have multiple ad units on a page, do I have to include <script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> for each ad unit?
답) No, this is not necessary, adsbygoogle.js can be loaded once.
방법은,
애드센스 광고 코드에서 빨강색으로 표시된 부분을 <head> 와 </head> 사이, 곧 <head> 영역에 한 번만 삽입을 하고, 매 광고 코드는 빨강색 부분을 삭제하고 게제하는 것입니다.
<script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class="adsbygoogle"
style="display:block"
.........................
</script>
<ins class="adsbygoogle"
style="display:block"
.........................
</script>
이렇게 하면, 로딩 속도가 얼마나 더 빨라지는 지는 알 수 없지만, 어쨋든 조금이라도 더 빨라 질 것은 확실하니, 그로서 더 낫다 할 수 있겠습니다.
아래 링크에 이에 대한 내용이 나와 있습니다. 행여라도 걱정이 되면 읽어 보시고, 잘 아는 분에게 확인도 해보시고 판단하시기 바랍니다.
>> 구글 도움 말 (한글)
>> 구글 도움 말 (영어)