보통 티스토리의 상단 광고가 제목 아래에 달립니다. 블로그 글의 생명은 광고와 더불어 가독성입니다. 상단 광고가 디스플레이 광고로 커다란 광고가 붙으면 핸드폰 한 화면을 다 가리는 경우도 있습니다.
제목을 볼 틈도 없이 올라가 버리는 겁니다. SEO의 중요한 측면인 가독성(Readability) 측면에서는 꽝입니다. 게다가 티스토리 자체 광고가 달리면서 연속으로 광고가 두 개가 달리면 POST의 제목은 커녕 아무것도 안보입니다.
가독성의 원칙에서 많이 벗어남에도 불구하고 두 개의 디스플레이 광고가 연속으로 나타납니다. 일단은 저지르고 본 것 같습니다.
IT의 고수들은 쉽게 위치를 조정하거나 박스에 넣어서 잘 만들고는 하지만 IT와 코딩에 문외한인 일반 블로거들에게는 무척 어려운 일입니다.
상단 광고 두 개 중 한 개를 제목 위로 올리면 광고가 올라가고 아래에 제목을 볼 수 있을 것으로 생각합니다. 블로거들의 여러가지 팁을 이용하여 시도를 해보았으나 잘 안되기에 직접 테스트를 해 보았습니다.
수익관리/애드센스 관리/광고설정에서
상단광고를 해제 후 저장.꾸미기 관리/모바일에서
자동연결을 사용하지 않습니다. 체크 후 저장.
티스토리 모바일앱 내에서는 표시가 안됩니다.ㅇ
1. 상단 광고코드 만들어 복사하기
▶▶ 애드센스 홈페이지로 가서
웬만하면 다들 아시겠지만 다시 확인해 봅니다.
① 광고 메뉴 클릭
② 광고 단위 기준 클릭하면 종류가 나옵니다.
③ 디스플레이 광고 단위를 만든다.

④ 아래 광고 단위의 모양을 정하고
⑤ 광고 단위의 이름을 달고, 반응형으로 설정 후
⑥ 아래에 최종 만들기를 클릭하면

화면이 바뀌면서 코드가 만들어지고 코드 복사 버튼이 생깁니다.
▶ 복사합니다.
2. HTML편집기에 코드 붙여 넣기
▶▶ 스킨편집- html 편집화면으로 갑니다.
html 편집에서 수동으로 광고 코드를 집어넣습니다. 위치가 중요합니다. 티스토리 스킨들 마다 위치가 조금씩 다를 수 있습니다. 저는 Book Clup 스킨을 사용 중입니다.
html 편집 화면에서
</header> 아래에(대략 95번 대 줄에 있을 겁니다) 카피해 온(아마 클리보드에 들어 있을 겁니다) 광고 스크립트를 붙여 넣습니다.
<center> 태그로 감싸 줍니다. 이 <center> 코드는 직접 넣어야 합니다. 그래야 광고창이 포스팅 제목의 위의 가운데로 오게 됩니다. 아래 그림 참고하세요.
<center>
광고 스크립트
</center>

3. 적용, 새로고침 해보기
오른쪽 위에 있는(html 편집 화면에서) 적용을 해봅니다.
왼쪽의 새로 고침 화면으로는 작은 화면이라 잘 표시가 안됩니다. 확실하게 확인하기 위해서 인터넷 화면의 새 탭에 포스팅 글 하나를 열어두고 새로 고침으로 확인해 봅니다.
아래 적용된 화면입니다.

4. 디스플레이 광고 코드
실제로는 adsense 홈페이지에서 직접 광고 코드를 만드는 것이 빠르고 정확합니다. 복잡하다면 아래 코드를 복사해서 사용해도 됩니다. 코드는 예민하기에 쉼표, 따옴표 하나하나 정확해야 합니다.
① 아래 코드가 디스플레이 광고 코드입니다
② <center></center> 태그가 포함되어 있음을 확인해 주세요. (이건 별도)
③ XXXXXXXXXXXX 부분에 (2곳 입니다)
본인의 애드센스 ID, ca-pub-000000000를 넣고
④ 카피하여 html 편집 화면 그 자리에 넣어도 됩니다.
<center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=XXXXXXXXXXXXXX" crossorigin="anonymous"></script> <!-- 디스플레이 광고 --> <ins class="adsbygoogle" style="display:block" data-ad-client="XXXXXXXXXXXXXXXXXXX" data-ad-slot="4673952306" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </center>
광고가 겹쳐서 글의 Readability(가독성)가 많이 떨어졌습니다. 빠른 시간 내에 상호 이익이 되는 방향으로 해결되어야 한다고 생각합니다.