[애드센스] 티스토리 중간 광고 넣기!!

이제 광고를 여기저기 넣기 시작하고 있습니다.

제가 생각하는 광고는 본문 맨 위와 맨 아래, 그리고 가운데 하나 정도 더 있으면 좋겠다 싶었습니다.

플러그인으로 위와 아래는 제공하는데 가운데는 직접 입력을 해줘야 하는 번거로움이 있습니다.

그래서 그 방법을 공유해보도록 하겠습니다.

 

티스토리에 중간 광고 넣기!!

 

저희는 수익을 위해 광고를 게재하기 때문에 아무래도 클릭 유도가 중요합니다.

저도 아직 초보지만 어디에 놓아야 클릭을 할 지를 여러모로 고민하고 있습니다.

아무래도 글 중간에 구독자가 원하는 광고가 나온다면 클릭이 수월하지 않을까 싶어서 글 중간에 넣어보려고 합니다.

일단 광고를 생성해야 하는데요.

2019/06/05 - [문과생의 컴퓨터 이야기/티스토리] - [애드센스] 티스토리에 광고를 넣어보자!!

불러오는 중입니다...

이 글을 참고 하셔서 광고를 작성해주시면 될거 같습니다.

그리고 생성된 코드를 아래에 있는 코드에 복사해서 붙여 넣습니다.

<div id="xyz">
<!-- 티스토리 본문에 애드센스 광고 삽입 -->

여기에 본문에 삽입할 애드센스 광고 코드를 삽입합니다.

</div>
<script>
document.getElementById('abc').appendChild(document.getElementById('xyz'));
</script>

그리고 우리가 정말 많이 하고 있는 티스토리 스킨 편집에 html 수정으로 들어갑니다.

스킨 편집에서 검색을 좀 해주셔야 합니다.

article_rep_desc 이라는 항목 아래에 코드를 넣을 거라서 ctrl+F로 article을 검색해줍니다.

이렇게 코드를 넣어주면 본문이 끝나고 그 아래 광고가 붙게 됩니다.

저희의 목표는 본문 아래에 광고가 붙는게 아니라 중간에 넣는것이기 때문에 광고를 불러오도록 하겠습니다.

광고를 불러오는 코드는 

<p><br></p><div id="abc"></div><p><br></p>

입니다.

앞뒤에 p어쩌구 /p는 공란을 넣는 코드입니다.

광고가 글에 너무 붙어 있으면 조금 불편해 보이기 때문에 저는 앞뒤로 한줄씩 넣었습니다.

코드를 넣기 위해서는 HTML 모드로 들어가야 합니다.

편집 모드에서 이렇게 코드를 넣어주면 됩니다.

 

 

요 바로 위에 광고 들어온거 보이시나요?

이렇게 하면 원하는 위치에 광고를 넣을 수 있기 때문에 조금은 버거롭지만 아주 훌륭한 방법이 될 수 있습니다.

 

모두들 적절한 광고 배치로 블로그 활성화를 하시길 바라며 이만 포스팅 마치도록 하겠습니다.^^