구글 애드센스 일치하는 광고(멀티플렉스) 설정 방법

Contents

글과 광고

블로그에서 글을 읽거나 유튜브에서 영상을 볼 때 우리는 다양한 광고를 접할 수 있습니다. 대표적으로 검색엔진과 연결되어 있는 광고 사이트는 네이버 - 애드포스트, 구글 - 애드센스, 다음 - 애드 핏 등 매우 다양합니다. 광고 송출과 관련된 수익 분배 구조는 각 엔진 별로 상이하며 많은 사람들이 글과 영상에 삽입하는 광고에 대한 관심이 높아지고 있습니다.

정보성의 글과 영상을 접하면서 내게 필요한 정보와 연관된 광고를 보게 된다면 당연히 관심이 갈 수밖에 없습니다. 그렇기에 정보성의 글과 영상 그리고 광고의 생태계는 복잡할 수밖에 없습니다. 하지만 이 구조를 잘 이해한다면 광고로 인한 수입 창출이 가능합니다. 오늘은 블로그 본문과 연관된 애드센스 광고 삽입 방법에 대해서 알아볼 겁니다.

구글 애드센스 멀티플렉스 광고 설정

애드센스를 하고 있거나 관심이 있으신 분들이라면 애드고시(애드센스 광고 승인 과정)를 한 번쯤은 치렀을 거고 본인의 사이트에서 애드센스 광고를 송출하실 수 있습니다. 오늘 알아볼 파트는 위에서 언급했듯이 블로그 본문과 연관된 광고를 글에 삽입하는 방법입니다.

먼저 애드센스에 접속을 해주시고 광고 탭에서 광고 단위 기준의 멀티플렉스 광고를 클릭해주시면 됩니다.

이 멀티플렉스 광고는 일정한 사이즈의 다양한 광고들을 송출 할 수 있게끔 해줍니다. 광고의 개수, 행, 열 등 설정도 가능하니 아래에 설명드리겠습니다. 관심이 있으신 분들이라면 당연히 아래와 같은 광고 이미지를 많이 보셨을 겁니다. 멀티플렉스 광고를 클릭하셨다면 아래와 같은 설정 창을 보실 수 있을실거고 광고이름, 수평형, 반응형으로 맞춰주시고 만들기를 클릭해 줍니다. 광고 스타일은 폰트, 텍스트 색상, 배경 색상을 바꿔줄 수 있으며 예시에서 송출되는 스타일을 확인할 수 있으니 취향에 맞게끔 세팅해주시면 됩니다.

만들기를 하셨다면 위와 같은 이미지를 볼 수 있습니다. HTML 코드를 복사해두시고 이제 티스토리 블로그에서 이 코드를 활용해서 쉽게 광고 설정하는 방법에 대해서 알아보겠습니다.

일전에 포스팅에서 다뤘던 사이드바 광고 설정을 보셨다면 조금 이해가 쉬우실 수 있을 겁니다. 링크를 걸어드릴테니 혹시 사이드바 광고 설정에도 관심이 있으시다면 참고하시기 바랍니다.

티스토리(북클럽스킨) 사이드바 애드센스 광고 방법

Contents 티스토리 북클럽 스킨 적용 및 사이드바 애드센스 광고 설정 티스토리에 북클럽 스킨 적용하기 오늘은 티스토리 블로그 사이드 바 설정 및 애드센스 광고 삽입에 대해서 포스팅할까 합

www.hibabinews.com

티스토리 서식 설정 및 멀티플렉스 레이아웃

애드센스에서 멀티플렉스 광고를 만들고 HTML 코드를 복사하셨다면 이제 티스토리 블로그에서 글을 쓰고 그 코드를 입력하시면 됩니다. 하지만 매번 포스팅할 때마다 HTML 코드를 가져와야 하고 HTML 모드로 들어가서 수정하려면 불편하고 시간이 많이 소요되기에 티스토리 서식을 이용해서 조금 더 간편하고 빠르게 광고를 삽입하는 방법인 티스토리 서식 설정을 해둘 겁니다.

● 티스토리 서식 설정 방법 ●
티스토리 블로그 관리 홈에서 서식관리에서 새로운 서식 만들기로 들어가셔서 애드센스 멀티플렉스 광고를 만들고 복사해둔 HTML 코드를 HTML 모드로 들어가서 붙여 넣기 해줍니다.

● 멀티플렉스 광고 추가 옵션 설정 ●

먼저 구글 서포트 사이트에서 자세한 내용을 확인 해보실 수 있기에 링크를 드리겠습니다.
멀티플렉스 광고 단위 레이아웃을 변경할 수 있는 코드입니다.

data-matched-content-ui-type="image_stacked"

이 코드를 삽입함으로 멀티플렉스 레이아웃이 '이미지 밑 텍스트'가 들어가도록 바뀝니다.

data-matched-content-rows-num="3"

이 코드는 몇 '열'로 구성할 것인지 설정해줍니다.

data-matched-content-columns-num="1"

이 코드는 몇 '행'으로 구성을 할 것인지 설정해줍니다.

위에서 언급한 것과 같이 멀티플렉스 광고의 레이아웃은 다양하게 설정이 가능하고 링크드린 구글 서포트 사이트에서 자세하게 확인이 가능하니 참고 바랍니다.

티스토리 서식까지 완성했다면 광고 삽입 준비는 다 끝났습니다. 블로그 글을 쓰면서 멀티플렉스 광고를 삽입하고 싶은 위치에 서식을 불러와 넣어주시면 됩니다. 아래와 같이 ㆍㆍㆍ 클릭해주시면 지금까지 저장해둔 서식을 바로 불러올 수 있습니다.

스킨편집(HTML)으로 전체 글에 적용 방법

지금까지 서식을 통하여 본문에서 내가 원하는 곳에 멀티플렉스 광고를 임의로 삽입했다면 티스토리 스킨편집 HTML에서 모든 글 하단에 멀티플렉스 광고를 송출하는 방법도 있습니다. 제가 사용하고 있는 북클럽 스킨 기준으로 안내드립니다.

티스토리 스킨편집 HTML에서 article_rep_desc을 찾아줍니다. 북클럽 스킨을 사용하고 계시다면 2곳의 article_rep_desc 가 검색이 될 겁니다. 첫 번째는 대략 300번대에서 두 번째는 대략 400번대에서 검색이 되는데 두 번째에서 작업을 해주셔야 합니다.

※ HTML은 개개인마다 스킨편집을 통하여 위치가 틀릴 수 있으니 항상 HTML 백업 후 적용해보시기 바랍니다. 그리고 항상 HTML 를 사용하셔서 나중에 내가 수정한 부분을 쉽게 찾을 수 있도록 기록해두는 것도 좋은 방법입니다.

광고 설정 시 참고 및 주의사항

마지막으로 광고 설정과 관련해서 주의해주셔야 할 부분 정리해볼까 합니다. 먼저 멀티플렉스 광고는 예전 구글 애드센스의 일치하는 콘텐츠 광고에서 리뉴얼되었습니다. 애드센스의 다른 광고 모드 대비하여 연관성이 있는 멀티플렉스(일치하는 콘텐츠 광고) 광고를 사용한다면 사이트 이용시간, 페이지 조회수가 다소 높게 나오는 결과가 있습니다. 수동으로 광고를 설정함으로써 긍정적인 결과를 도출할 수 있지만 모든 설정은 양면성이 있으며 절대적인 수치는 아닙니다.

다만 모든 애드센스 유저가 이용할 수 있는 건 아닙니다. 개인 사이트가 일정 이상의 트래픽이 있어야 하며 또한 발행된 글의 개수, 고유한 페이지 수 등의 최소 충족 조건을 갖춰야지만 개시됩니다.

특히나 멀티플렉스 광고 단위가 설정한 행과 열의 레이아웃에 모두 들어가지 않고 비어 있는 경우도 발생할 수 있습니다. 아래의 이미지 참고해보시면 이해가 되실 듯합니다.

티스토리와 관련하여 블로그 꾸미기, 기초 코딩, 애드센스 광도 등 여러 포스팅을 할 예정입니다. 혹시나 궁금한 내용이 있으신 분들은 댓글 남겨주시면 답변 드리도록 하겠습니다. 다음 편도 티스토리 블로그에 도움이 되는 알찬 포스팅으로 돌아오도록 하겠습니다.