요술항아리의 나름대로 정보통~^^

티스토리 애드센스 광고 본문 중간에 간편 삽입하기 본문

유용한 정보, 후기 공유

티스토리 애드센스 광고 본문 중간에 간편 삽입하기

요술항아리 2018. 10. 10. 08:30

이번 시간은 티스토리 블로그에 애드센스 광고 삽입하는 방법 중

본문 중간에 광고를 삽입하는 방법을 알아 보겠습니다.


플러그인 설정으로 애드센스 광고를 본문의 상단이나 하단에는 자동으로

넣을 수 있지만 본문 중간에는 html 코드를 붙여 넣어야 하는데요


포스팅을 할 때마다 코드 삽입을 하는 번거로움을 줄이기 위해

티스로리 메뉴의 서식을 활용하는 방법이 있습니다.


먼저 애드센스에 들어가셔서 내광고-광고단위에서 새로운 광고를 하나 생성합니다.

광고 이름은 '중간광고1'로 설저하고, 광고 크기는 '반응형'으로 설정을합니다.

반응형광고는 웹이든 모바일이든 화면에 따라 적절한 크기고 자동 변형이 되는 형식이지요..^^

광고유형은 '텍스트 및 디스플레이 광고'로 성정해 주시고 '저장 및 코드 생성'을 해 줍니다.


중간1


그러면 광고 단위가 만들어 지는데요...

만들어진 광고 코드를 복사해 줍니다.


중간2


그 다음 티스토리 블로그로 돌아와서 메뉴의 '서식관리'로 들어와 오른쪽 상단의 '서식쓰기'를 클릭합니다.


중간3


아래와 같이 서식의 이름을 적어 주고, 오른쪽 상단의 'html 체크'를 해 줍니다.

코드를 붙여 넣어야 하기 때문이지요...^^


중간4

중간5








그 다음 본문에다가 아까 애드센스에서 복사한 태그를 붙여넣기 해줍니다.

그리고 발행을 누르면 끝입니다.


중간6


그러면 서식관리에 새로운 서식이 하나 생성이 된 것을 확인할 수 있습니다.


중간7


그럼 이제 실제로 본문 중간에 광고를 삽입해 보겠습니다.

티스토리에서 쓰기를 클릭하고 아래와 같이 대략적으로 글을 쓰고 난 후

미리보기를 해 보면 상단과 하단에 광고가 달려 있습니다.

이것은 이미 플러그인에서 설정을 해 놓은 상태이기 때문이지요...



중간8



마우스 커서를 광고 삽입할 본문 글 중간에 적당하게 두시고

오른쪽 하단에 서식이라는 항목이 있는데 이 서식을 클릭해 보면

아래 '중간광고1' 이라는 좀 전에 만든 서식이 보입니다.


이 것을 딱 한번 만 클릭을 해야 합니다.

만약 여러번 클리 하시면 클릭한 만큼 광고가 삽입이 되요...^^


중간9



그러면 다시 html 체크하시고 광고가 제대로 삽입이 되었는지 확인만 하시면 됩니다.

아래 보시면 글 중간에 제대로 코드가 들어가 있는 것이 보입니다.


중간10



그러면 이제 광고가 제대로 삽입이 되었는지 미리보기를 해 보시면

아래와 같이 중간에 광고가 보여지는 것을 확인할 수 있습니다.

광고가 띄어지는 시간이 조금 걸리는 경우도 있으니 바로 확인이 안 될 경우는

조금만 기다려서 다시 확인해 보시면 될 것입니다.


중간11


이로써 포스팅 본문 중간에 애드센스 광고 삽입하는 방법을 마치겠습니다.

글의 양에따라 적절하게 광고 배치를 한다면 수익면에서도 도움이 될 것이라 생각됩니다.



티스토리관련 또 다른 정보:

[유용한 정보, 후기 공유] - 티스토리에 아이콘, 파비콘을 넣어보자!

[유용한 정보, 후기 공유] - 티스토리 네이버 통누락으로 인한 웹페이지 수집요청 성공

[유용한 정보, 후기 공유] - 티스토리 https 적용 후 구글서치콘솔 재등록

[유용한 정보, 후기 공유] - 티스토리 네이버 사이트맵제출 방법

[유용한 정보, 후기 공유] - 티스토리 네이버 검색 누락여부 확인 팁


Comments