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

Posted by 두두오빠
2017. 6. 17. 23:31 블로그/티스토리

티스토리에 광고를 삽입하는 다양한 방법중에서, 이번에 알아볼 것은 본문 중간에 애드센스 광고를 넣는 방법이다.


애드센스를 티스토리에 넣는 방법 중, 간편하게 본문 중간에 광고를 적용할 수 있는 방법을 알아보자.


본문 중간 광고는 다음과 같이 본문 중간에 나오는 광고를 의미한다. 


광고의 내용이 어떤것이 나올지는 우리가 선택할 수는 없지만,


어떠한 광고를 배치시키고, 어떤 상황에서 보여줄 것인가는 선택가능하다.


본문 중간에 애드센스 광고를 삽입하는 과정을 살펴보자.






애드센스 광고를 티스토리에 삽입하기 위해서는 당연히 구글 애드센스에 이미 가입이 되어 있어야 한다.


그리고 티스토리에 설치하기 위한, 광고단위를 구글 애드센스에서 만들어줘야 한다.


구글 애드센스에 로그인 해보자.


페이지 상단의 좌측을 보면 메뉴목록을 조회할 수 있는 버튼이 있다.


그것을 클릭하면, 다음과 같은 내광고를 설정할 수 있는 "내광고" 메뉴를 찾을 수 있다.


내광고 - 콘텐츠 - 광고단위를 클릭하면, 실제 광고 등록이 가능하다.








애드센스의 광고단위 페이지에는, 다음과 같이 활성화가 되어있는 나의 모든 광고리스트들이 조회가 된다.


티스토리에 다양한 광고를 설치해보면서, 본인에게 잘맞는 광고를 확인해보는 작업도 필요하다.


화면상단, 본문중간, 화면하단, 사이드 등 다양한 이름으로 광고단위를 만들어서, 


어떤 곳에서 수익이 가장 많이 발생하는지 확인해볼 수도 있다.







이제 실제로 새 광고를 추가해보자. 


화면 좌측상단에 보이는 " + 새 광고 단위 " 버튼을 클릭하여, 아래와 같은 내 광고를 새롭게 만들 수 있다.


다양한 크기의 광고를 선택할 수 있으며,


본문중간에 넣을 광고를 선택하려면, 아래에서 확인 가능한 300 X 250 크기가 적당하다.


이름과 광고크기를 정하고, 저장 및 코드생성 버튼을 누른다.









"광고 단위가 성공적으로 만들어졌습니다." 라는 메시지와 함께, 광고 만들기는 완료되었다.


내 광고를 확인 할 수 있는, 광고 단위 페이지에


방금 등록했던 본문중간광고가 등록되어 있음을 확인할 수 있다.






해당 광고를 보면,


광고이름 밑에 코드 가져오기가 있다.


코드 가져오기를 클릭해보면, 위에서 광고가 만들어졌을때 나오는 메시지와 비슷한 화면을 볼 수가 있다.


해당 광고코드를 복사해서, 티스토리에 적용시키는 방법으로 사용하는 것이다.






이제 구글 애드센스에서 할 수 있는 일들은 끝이났다.


다음으로 티스토리에서 해당 광고를 실제로 적용하는 절차만 남았다.


티스토리에서 본문 중간에 애드센스 광고를 삽입하는 방법은, 간단하게 서식을 이용할 수가 있다.




먼저 새로운 글을 작성하는 페이지를 띄운다.


글 제목 입력하는 란의 우측을 보면 서식이라는 선택가능한 항목이 있다.


서식을 선택하고, 글 작성하는 창으로 가기전에 우측을 보면 HTML 이라고 나와있는 부분을 확인 할 수 있다.


이 부분을 체크하고, HTML로 되어있는 광고코드를 입력한다.


여기에 애드센스에 등록해두었던, 두두패밀리 본문중간광고를 입력을 한다.


이제 이 서식을 발행하면 된다. 내가 사용할 수 있는 서식으로 해당 작업이 적용되었다.






이제 마지막 단계로, 만들어 놓은 서식을 글 작성시에 사용하면 된다.


새로운 글을 작성하게 되면, 우측에 글 정보를 관리하는 부분이 있는데,


가장 하단으로 내려가면 서식부분이 있다.


서식을 누르면, 지금껏 사용하고자 등록했었던 '본문중간광고'가 있음을 확인할 수 있다.


글 중간에 넣고 싶은 부분에 커서를 놓고, 해당 서식을 클릭하면 그 곳에 본문 중간광고가 들어가게 된다.






본문의 끝부분이지만, 실제 적용되는 것을 확인시켜주기 위해서, 나는 바로 윗 부분에 본문중간광고를 삽입하였다.


지금까지 등록하려고 했던 광고가 위와 같은 방식으로 삽입되는 것을 확인 할 수 있다.


[워드프레스] 플러그인 사용하여 애드센스 광고 설치하기

Posted by 두두오빠
2017. 6. 13. 23:57 블로그/워드프레스

워드프레스에 애드센스 광고를 설치하는 방법을 알아보자. 



우선 사용 가능한 플러그인이 필요하다.


키워드에 easy plugin adsense 검색하면 플러그인을 찾을 수 있는데


그 중 우측 하단에 보이는 Easy Plugin for AdSense 를 사용할 것이다.







플러그인을 설치하면, 내 플러그인에 다음과 같이 적용이 된다.


간단하게 플러그인 설치만을 통해서 애드센스 광고를 쉽게 적용시킬 수 있다.


'설정' 버튼을 눌러서 상세 정보를 셋팅해보자.






해당 플러그인의 변경 가능한 옵션들을 확인 할 수 있다.


각각의 옵션들을 테스트해보면서, 워드프레스에 어떻게 적용이 되는지 확인하는 과정이 필요하다.









워드프레스의 플러그인에 광고를 등록하는 테스트를 해보기 위해서,


구글 애드센스에 반응형광고를 하나 신규로 만든다.


만들어진 광고의 '코드 가져오기'를 통해서, 해당 광고의 코드를 가져온다.






도입 애드센스 텍스트를 수정해보자.


위에서 가져온 코드를  플러그인 옵션의 빈 창에 입력해준다.


옵션들 하단에 있는 '변경 저장' 버튼으로, 변경 내용들을 적용시킨다.





해당 코드가 잘 적용되었는지 확인을 해보자.


다음과 같은 결과를 확인할 수 있다.


도입 애드센스 텍스트 부분이 적용이 된것으로, 글의 시작부분의 중앙에 광고가 적용된 것을 확인할 수 있다.





같은 방법으로 글의 중간과 끝에도 모두 광고를 적용시킨다.


위에서 사용했던 광고 코드를 그대로 입력하면 된다.


각 옵션들마다 위치와 보기를 설정하는 부분이 있어서 개별적으로 컨트롤 할 수 있다.