공부로그

[Adsense] 애드센스 중간광고 안뜸 해결 방법 (feat.  )

2023. 7. 15.

나는 서식을 사용해 애드센스 중간광고를 넣고 있다. 그 서식은 다음과 같다.

<script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=xxx"></script>
<p><ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="xxx" data-ad-slot="xxx"></ins></p>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이게 구글 측에서 우리에게 주는 코드 원형이다. (개인정보는 xxx처리함)

근데 언젠가부터 티스토리 에디터에서 서식을 편집하고 나면 p태그 ins 태그 부분이 마음대로 편집되기 시작했다.

서식을 만들어서 중간에 코드를 넣었는데 광고가 안 떠서 html 코드로 확인해보니 마음대로 코드가 편집되어 있었다.

<script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8744765817642223"></script>
<p data-ke-size="size16">&nbsp;</p>
<p data-ke-size="size16">&nbsp;</p>
<p data-ke-size="size16">&nbsp;</p>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

바로 이렇게 중간에 마음대로 p태그 ins 태그부분이 <p data-ke-size="size16"> </p> 로 대체되어 있었다.

 는 공백을 나타내는데 아마 띄어쓰기 공백 3줄로 대체된 모양이었다.

왜 저렇게 코드가 바뀌는지는 티스토리 측이 아마 에디터에서 코드를 변환해서 화면에 띄울때 어떤 과정을 통해서 저렇게 되도록 만들 것이다.

코드가 마음대로 수정됐기 때문에 광고가 제대로 뜨지 않았다. 그래서 원형의 코드가 변환되지 않도록 수정했다.

코드 원형에서

<script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=xxx"></script>

이 부분은 설정 > 스킨 변경 > html 편집에서 <head> 태그 안에 넣어줬다.

그리고 나머지 코드들은 javascript 코드인 document.write()를 활용해서 감싸서 넣어줬다.

우리가 쓰고 있는 서식을

<div>
<script>
document.write('<ins class="adsbygoogle" style="display: block; text-align: center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="xxxxx" data-ad-slot="xxxxxx"></ins>');
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

이렇게 감싸서 마음대로 수정하지 못하도록 수정해줬다.

그랬더니 중간광고가 아주 잘 뜬다. (이 글 중간광고조차도.^^)

저작자표시 비영리 변경금지

'Logs' 카테고리의 다른 글

[Adsense] 티스토리 애드센스 중간광고 안뜸 강제로 띄우는 방법 (0)	2023.08.14
[Error] org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 해결 방법 (0)	2023.08.13
[JAVA] 참조형 변수(Reference Type) 비교하기 ("==" vs equals())(Feat. Cache, Integer, Long) (0)	2023.07.09
[React] 리액트 프로젝트 컴파일, 실행시키는 법 (feat. yarn 설치법, npm) (0)	2023.07.09
[Error] org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'openApiSchemaPropertyBuilder': Lookup method resolution failed; nested exception is java.lang.IllegalStateException: Failed to introspect Class [springfox.do.. (0)	2023.06.30

'Logs' 카테고리의 다른 글

티스토리툴바