애드센스 광고 본문 중간에 넣기, 삽입하기

애드센스 광고 본문 중간에 넣기, 삽입하기

최근에 애드센스 광고를 상단과 하단에 넣는 방법을 알려드렸습니다.

오늘은 광고를 본문 중간에 넣는 방법을 알려드리도록 하지요!

어려운 것은 아니지만, 상단과 하단에 넣는 방법과 조금 다르기 때문에 

포스팅을 새로하는 것이니 양해 부탁드립니다.

우선!

자신의 구글 애드센스로 들어가서 광고 코드를 가져옵니다.

(제 구글 애드센스 광고 코드입니다.)

광고 코드 복사하기!!!

자신의 블로그 HTML/CSS편집으로 들어가세요!

들어가시면 좌측과 우측으로 나뉘죠!

좌측은 화면을, 우측은 HTML/CSS 편집을 할수있는 화면입니다.

오른쪽, HTML/CSS편집창에서 

Ctrl + F 를 눌러주세요.

</body>라고 나와있는 부분을 찾아주세요!

그럼 이렇게 딱 한개가 나옵니다!

보이시죠?

<div id="xyz">

광고코드 삽입 위치

</div>

<script>

document.getElementById('abc').appendChild(document.getElementById('xyz'));

</script>

</body>위에 이렇게 입력해주시면 됩니다.

(제 광고를 넣어서 보여드린 것입니다. 똑같이 하시면 안됩니다.)

이렇게 입력하시면 되는 것입니다.

<div id="xyz"> 이 문장 아래에 자신의 광고를 넣고

복사해서 넣어주시면 됩니다.

그럼 여기까지 기본은 완성된것입니다!

하지만, 광고를 넣기 위해서는 한가지 일을 더 해야합니다!

(본문 상단과 하단에 광고를 넣을 때에는 한번의 작업으로 끝나지만,

이렇게 본문 중간에 광고를 넣으려면 한 가지 작업을 더 해야합니다.)

보고계신 화면(글 수정 or 글쓰기창)에서

HTML이라는 것을 찾아서 클릭해주세요

자 그럼 이렇게 이상한 글자들이 무수하게 많이 펼쳐져 있습니다.

그런데 어디에 광고를 넣어야 할까요?

자세히 보시면 자신이 쓴 문장들이 보입니다.

문장들 사이에 아래 코드를 넣어주시면 됩니다.(원하는 위치에 넣으면 됩니다.)

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

저는 

그럼 여기까지 기본은 완성된것입니다

라는 문장 위에 넣고 싶어, 보시는 바와같이 위에 넣어주었습니다.

광고를 넣어주고 발행을 눌러주시면 됩니다.

잘 따라 오셧다면 자신의 글 중간에 광고가 들어간 것을 보실수 있습니다.

상단과 하단 광고와는 다르게 본문 중간에 넣는 광고는 매번 넣어줘야한다는

번거로움이 있습니다.

(하지만 후에, 광고를 바꾸는 경우에 매우 편리합니다.

전에 넣었던 광고만 바꿔주면 새로운 광고가 적용되기 때문입니다.)

글쓰시는 도중에 넣으셔도 되고, 다 쓰신 이후에 넣으셔도 됩니다.

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

이것만 넣어주시면 됩니다.

그리고 중간에 넣었던 광고를 모두 빼고 싶으실 때는

처음에 넣었던 광고 코드를 삭제하시면 됩니다.

최선을 다해서 글을 쓰긴 했는데, 어떠실지 모르겠습니다.

좋은 정보 공유하고 나누면 좋겠습니다.