안녕하세요. 애드센스 스쿨 인돈사입니다. 티스토리나 네이버블로그 같은 포털 내의 가입형 블로그를 이용하다보면 워드프레스 설치 자체가 어려울 수 있습니다. 그러나 차근차근 알아가고나면 어려운것이 아닌, 조금 덜 익숙했다… 라고 느끼게 됩니다. ‘워드프레스 따라오세요’를 천천히 보면서 따라하다보면 워드프레스 정도는~ 뚝딱 설치할 수 있게 되실겁니다.
📌 워드프레스 따라오세요 (feat. 클라우드 웨이즈)
워드프레스가 어렵다고 느끼는 이유는 설치 이후에도 어떤 테마를 선택하는게 좋을지, 어떤 플러그인들이 필요한지 등에 대해서 가입형블로그보다 더 많은 고민이 필요하기 때문입니다. 다 모르겠고~ 일단 기본적인것들을 세팅해서 운영해 보고싶어~ 라는 분이라면 워드프레스 수익형블로그 기본세팅 파일을 다운로드 받아서 이용해 보시면 좋을것 같습니다.
📌 워드프레스 블로그 만들기 (수익형 블로그 기본세팅 템플릿, 무료)
저는 여러분보다 조금 더 앞서 워드프레스를 접하고 다뤄본 입장에서 꼭 필요하다고 생각했던 플러그인들의 이용법 등을 설명 드려보려고 합니다. 그런 생각으로 포스팅 한 첫번째 내용이 워드프레스 차일드 테마에 관한 글이었습니다. 아직 안보신분은 한번 보세요~
📌 워드프레스 차일드테마 만들기 (feat. 사용이유)
오늘은 ad inserter 라는 플러그인에 대해서 알려드리려고 합니다. 그럼 시작해 볼까요?
ad inserter 란?
우리는 대부분 ‘수익’을 만들기 위해서 컨텐츠를 생산합니다. 컨텐츠를 생산해서 방문자를 유입시키고, 수익을 만들어 내죠. 그러기 위해서는 우리의 워드프레스에 광고를 삽입하는 과정은 꼭 필요한 과정입니다. 워드프레스에 애드센스를 비롯한 여러가지 광고를 넣을 수 있는 플러그인은 여러가지가 있습니다만, 저는 ad inserter를 오랬동안 사용해 왔고 가장 선호하고 있습니다. 비슷한 기능을 하는 플러그인은 많이 있기 때문에 본인에게 잘 맞는 플러그인을 선택해서 사용하셔도 무방합니다.
ad inserter 플러그인은 광고삽입 뿐 아니라 애드센스의 ads.txt 를 삽입하는기능과 워드프레스 header/footer에 코드를 넣는 등의 다른 기능들도 갖고 있습니다. 그럼 워드프레스 광고관리 플러그인 ad inserter 설치와 주요기능 등에 대해서 알아 보도록 하겠습니다.
ad isnerter 설치하기
먼저 워드프레스 관리자로 로그인을 해 주세요. 이후 플러그인>새로추가 메뉴를 선택해 줍니다.
그리고 우측상단의 검색창에 ad inserter 라고 검색을 해 줍니다.
아래쪽에 보시면 플러그인 목록이 나오는데 아마 가장 처음에 ad isnerter 플러그인이 나올겁니다.
저는 이미 설치해서 활성화하고 이용을 하고 있기 때문에 이렇게 나오는데, 설치 전이라면 ‘지금설치’를 누르시고 이후 ‘활성화’버튼까지 눌러주세요.
워드프레스 광고관리 플러그인 ad inserter 기능들
ad inserter 플러그인을 활성화 했다면 왼쪽 메뉴 중 설정>ad inserter 라는 메뉴가 활성화 됩니다. 이것을 클릭하시면 ad inserter에 대해 여러가지 설정을 할 수 있습니다.
광고블록관리
메뉴를 클릭해 보시면 우측에 아래와 같은 화면이 나옵니다.
설명 드려야 하는 항목이 많지만 기본적인것만 설명 드리도록 하겠습니다. ad inserter 플러그인은 광고코드를 블록 단위로 관리합니다. 그리고 위 그림처럼 1~16번까지 블록이 기본적으로 나오게 됩니다.
- 블록번호
- 광고코드를 넣는곳
- 워드프레스에서 ad inserter로 넣은 코드가 나오는 위치
먼저 블록번호를 선택하고 코드를 넣은 다음 해당 코드를 어디에 나오게 할 것인지를 설정해 주면 되는 방식입니다.
먼저 저는 2번 블록을 선택해 보았습니다. (1번블록은 사용중이라 빈 블록을 선택해 보았습니다.) 그리고 광고코드를 넣는곳에는 ‘Adsense school’ 라고 써 보겠습니다. (한글은 메모장에 먼저 쓰고 복/붙하시면 됩니다) 그리고 3번은 After content 라고 정해 보았습니다. 다 설정했으면 Save Settings 1-16 버튼을 눌러서 저장해 주세요.
그리고 블로그 포스팅을 보면 컨텐츠가 다 나온 이후에 Adsense school 이라고 나오는것을 볼 수있습니다.
이게 하나의 포스팅에만 나오는게 아니고 내 워드프레스 블로그의 모든 포스팅(컨텐츠) 하단에 내가 설정한 코드가 나오게 됩니다. 이해 되시죠?
이 말은 즉… 지금 제가 Adsense School 이라고 입력한 블록에다가 나의 애드센스 광고코드를 넣고 위치를 설정하면 해당 위치에 광고가 나오게 되는것을 의미합니다. 꼭 애드센스가 아니어도 괜찮습니다. html 이나 php 코드에 대해서 조금만 공부 하시면 이미지를 넣을수도있고 내가 원하는 링크도 넣을 수 있고 여러가지 텍스트나 링크가 랜덤으로 나오게 코드를 넣을 수도 있습니다.
📌 워드프레스 애드센스 광고넣는 5가지 방법(feat.플러그인)
참고로 저는 중간에 있는 Lists, Manual, Devices 등의 메뉴는 사용하지 않고 있습니다. (기능을 잘 모르기도 합니다.)
블록을 호출하는 위치는 여러가지로 바꿀 수 있습니다.
위 내용들에 대해서 간단히 설명드리자면
- Disabled – 블록을 비활성화 합니다. (코드가 있어도 호출하지 않음)
- Before post – 포스팅 앞 (제목 위라고 생각하시면 됩니다)
- Before content – 컨텐츠 앞 (컨텐츠 시작 전, 그러니 제목 아래)
- Before paragraph – X번째 문단 앞
- After paragraph – X번째 문단 뒤
- Before image – X번째 이미지 앞
- After image – X번째 이미지 뒤
- After content – 컨텐츠 마지막
- After post – 컨텐츠 마지막 보다 아래
- Between post – 포스팅과 포스팅 사이 (글목록 사이라고 생각하시면 됩니다)
- Before comments – 댓글 앞
- After comments – 댓글 뒤
설명을 드리지 않은 메뉴는 잘 사용하지 않고 있습니다. 참고로 X번째라고 표현한 삽입위치는 선택하면 오른쪽에 숫자를 입력할 수 있는 공간이 생기게 되는데, 이곳에 숫자를 입력하면 됩니다.
예를들어 After paragraph를 선택하고 우측에 1을 입력하면 1번째 문단 뒤에 해당 블록의 코드가 들어가게 되는것입니다. 참고로 이곳에 정수만 넣을 수 있는건 아니고 0.3 / 0.5 이런식으로 소수점도 넣을 수 있는데 그럴 경우 글 전체 길이의 30% / 50% 이렇게 인식하니 참고하시면 좋을것 같습니다.
ad inserter 블록의 코드가 삽입되는 위치 미리보기
방금 설명드린 코드삽입위치는 미리보기 할 수 있습니다. 여러분의 홈페이지 메인화면으로 이동한 후 상단에 있는 관리자 메뉴 중 ad inserter 버튼을 눌러보세요
요렇게 생긴 메뉴를 클릭하시면 초록색이 켜지면서 화면에 ad inserter 블록의 코드가 삽입되는 위치들이 표시됩니다.
버튼을 클릭하시면 위처럼 초록불이 켜 지고… 홈페이지 화면을 보시면 아래처럼 생겼습니다.
이런식으로 블록이 위치하게될 위치가 보입니다. ad inserter의 블록에 코드를 넣고 Before post 에 넣으라고 설정하시면 저 위치에 광고가 나오게 되는것이지요.
저의 경우에는 제목 아래(Before content)에 애드센스 광고를 넣어두었고 위처럼 코드가 잘 들어가서 광고가 잘 나오는것을 확인 할 수 있습니다. 미리보기를 끄시려면 상단에 있는 ad inserter 버튼을 한번 더 누르시면 초록불이 꺼지면서 미리보기가 없어집니다.
애드센스 ads.txt 관리
두번째로 설명드릴 ad inserter의 기능은 ads.txt 관리기능 입니다. ads.txt는 여러가지 방법으로 워드프레스에 넣을 수 있는데요, ad inserter를 이용하는 방법 말고 다른 방법들은 아래 포스팅을 참고하세요
📌 클라우드웨이즈 워드프레스에서 ads.txt 경고 해결하기
설정>ad inserter를 클릭한 후에 애드인서터 상단에 보시면 ADSTXT 라는 아주 작고 귀여운 버튼이 있습니다.
이 버튼을 클릭하시면 우측 또는 아래쪽에 빈 화면이 나오는데 이곳에 애드센스에서 복사한 ads.txt 코드를 붙여넣고 V 표시를 눌러주시면 됩니다.
그러면 위처럼 화면이 바뀝니다. 잘 입력되어 있는지 확인하려면 해당화면 상단에 있는 ADSTXT를 눌러주시면 됩니다. (아까 누른것과 다른버튼입니다)
위 버튼을 누르는것과 내 워드프레스주소/ads.txt 에 접속하는것은 같은것입니다. 구글 애드센스 홈페이지에서 복사한 ads.txt 내용과 같다면 잘 입력된것이니 안심하셔도 됩니다.
워드프레스 헤드&푸터 관리
ad inserter 플러그인으로 워드프레스 헤드와 푸터 부분에 코드를 넣을 수도 있습니다. Head에는 보통 애드센스 자동광고 코드, 구글 서치콘솔 인증, 네이버 웹마스터도구 인증코드 등등이 들어가게 됩니다. 저는 이런부분은 따로 관리하는게 좋다고 생각해서 조금 더 직관적인 Head&Footer 라는 플러그인을 사용해서 코드를 넣고있습니다. 하지만 플러그인 숫자를 하나라도 줄여보는게 좋다고 생각하는 분이라면 ad inserter에서 head, footer에 코드를 넣는것도 하나의 방법이 될 수 있을것 같습니다.
설정>ad inserter에 들어가서 1~16개의 블록을 선택하는곳 오른쪽에 보시면 톱니바퀴가 보입니다. (꼭꼭 숨겨져 있죠..? ㅋㅋ) 클릭해 보겠습니다.
톱니바퀴를 클릭하고나면 아래쪽에 General 부터 Debugging 까지 메뉴가 나옵니다. 중간쯤 보면 Header / Footer 버튼이 있습니다. Header는 head와 /head 사이에 코드를 넣는것이고, Footer 버튼을 클릭해서 나오는 블록은 /body 뒤에 코드가 들어갑니다. 네이버 애널리틱스가 보통 이부분에 코드를 넣습니다.
마치며
워드프레스 ad inserter 플러그인은 광고관리 플러그인중에 가장 좋은 플러그인이라고 생각합니다. 이미 익숙해 져서 그런지 다른것들은 사용해봐도 잘 손에 익지 않는것 같더라구요. 그리고 ad inserter에서도 엄청나게 많은 기능을 제공하고 있는데 저는 그 기능의 한 5%정도만 사용하고 있다는 생각도 하고 있습니다.
사실상 티스토리에서는 한번 컨텐츠를 작성하면 중간에 광고를 넣는다던가 하는것이 상당히 어렵다고 생각했었는데.. 워드프레스는 이렇듯 광고관리 플러그인으로 해결이 된다는것이 워드프레스를 운영하는 묘미가 아닐까 하는 생각도 듭니다.
글 내용에도 있듯, html, php, css 등을 공부하신다면 특정 블록에 나타내고싶은 코드를 넣고, 해당 위치만 정해주면 작동하니 이부분도 참고하시면 좋을 것 같습니다.
워드프레스 플러그인 관련 다른 팁 보기
📌 워드프레스 차일드테마 만들기 (feat. 사용이유)
📌 워드프레스 블로그 만들기 (수익형 블로그 기본세팅 템플릿, 무료)
📌 워드프레스 캐시 플러그인 추천 WP-Rocket 설정방법