다음 Adam은 다음에서 운영하는 모바일 광고 네트워크입니다. 티스토리에 많이 사용하는 구글의 애드센스와 비슷합니다. 차이점이 있다면 모바일 전용이라는 점입니다. 다음 아담은 티스토리 모바일페이지에 모바일용 Ad@m 플러그인으로 쉽게 삽입할 수 있습니다. 모바일페이지를 사용하지 않는 반응형 스킨을 이용중이라면 이 글을 따라 적용하시면 됩니다. 아직까지 다음 Ad@m정책상 일반 웹에서의 광고개재를 금지하고 있지는 않기 때문에, 저는 현재 데스크탑화면에서도 나타나게 적용했습니다. 그리고 또한 애드센스와 달리 고정광고를 이용할 수 있습니다.아래 적용방법은 현재 본 블로그처럼 하단에 고정된 광고를 적용하는 방법입니다. (상단도 응용 가능합니다.) Ad@m 광고 코드 얻는 방법 국내 사이트이므로 회원가입과정은 마..
부트스트랩 기반의 스킨들에 적용할 수 있는 팁입니다.(Fastboot, 마크쿼리스킨 등) 부트스트랩은 그리드시스템을 기반으로 하고있습니다.간단히 말해서 화면을 세로로 12분할하여 상자를 표현합니다.대부분의 부트스트랩 기반 블로그에서는 본문영역이 12중 9, 사이드바가 12중 3을 차지하고 있고, 가장 이상적인 비율입니다. 그러나 이 비율상에서는 최근 등장한 애드센스 대형광고들을 적용할 수 없습니다. 몇몇 이용자들은 본문영역을 8로 줄이고, 사이드바 영역을 4로 확장해 가로크기 300px짜리 대형광고를 적용하기도 합니다만, 본문영역이 줄어들면서 가독성이 줄어드는 단점이 있습니다. 이제부터 소개드릴 수정 방법은 가로 해상도가 1400px이상인 모니터가 대상입니다.그리고 당연히 반응형 광고단위를 통해 구현할 ..
애드센스 코드는 애드센스에서 제공해주는 코드를 바로 html에 붙여넣기만 해도 됩니다. 그러나 광고 3개를 전부 그대로 붙여넣을 경우 코드 중복의 문제도 있고, 위치를 옮긴다거나, 광고를 삭제하는 등 유동적인 광고 구현에는 어려움이 있습니다. 여기서 소개해드릴 이 방법은 현재 제가 사용하고 있으며 다음과 같은 특징을 가지고 있습니다.HTML 구조상 광고가 삽입될 위치에 위치태그만 들어가고, 실제 광고는 나중에 스크립트를 통해 삽입되는 방식.페이지 내 위치와 상관없이 광고 코드가 html에서 모여있다. - 관리의 편리성광고가 표시될 위치를 마음대로 지정할 수 있다.광고의 삭제가 자유롭다.모든 수정이 끝난 다음에 광고가 로딩되기 때문에 정책위반의 위험이 없다.본문 중간에 삽입하는 경우에도 관리가 편리하다. ..
지난 7월 7일부터 약 50일간 애드센스를 상단에 나란히 2개를 배치하는 것과 상단과 하단에 각각 1개씩 배치하는 것에 대한 A/B 테스트를 진행하였습니다.- javascript를 이용한 애드센스 수동 A/B TEST 하기 결과정리를 미루다가 오늘에서야 결과를 포스팅합니다. 결론적으로 제 블로그의 경우에는 본문 상단에 2개를 나란히 배치하는 것보다 상단과 하단에 1개씩 배치하는 것이 효과가 좋았습니다. 테스트 결과대로 오늘부터는 애드센스 광고가 상단에 1개, 하단에 1개가 배치될 것입니다. 실험내용 1. 기간 : 2014년 7월 7일 ~ 2014년 8월 25일2. 비교대상 : 애드센스 상단 직사각형 2개 나란히 배치 vs. 우측상단 직사각형 1개, 하단 가로배너형1개 배치3. 비교 항목 : 클릭률, CP..
반응형 스킨을 쓰시는 분들이 많아지는듯 합니다. 그러나 반응형 웹에서 애드센스 광고를 구현할 때에는 반드시 주의해야할 부분이 있습니다. 꽤 많은 분들이 반응형으로 광고를 표시하는데에 bootstrap의 class를 이용하고 계십니다. (예를들면 데스크탑화면에서는 사이드바에 광고를 띄우고, 모바일에서는 사이드바를감추고, 본문하단에 띄우고..) 그러나 bootstrap의 클래스를 이용하는 것은 display:none으로 광고를 가려버리는 명백한 정책위반입니다. 더불어 광고갯수 정책까지 위반할 수 있습니다.관련 정책 도움말 보기 광고는 보이지 않지만, 백그라운드에서 광고가 로딩되고, 그로인해 CPR광고주에게 피해가 갈 수 있기 때문입니다. 정책위반 하지 않고 광고를 숨기는 방법 앞서 말했듯이 광고를 숨기는 행..
A/B 테스트란 A와 B중 어떤 것이 효과적인지 테스트하는 것을 말합니다. 광고 구현 방식중 어떤것이 효율적일지는 직접 적용해봐야 알 수 있는데, 객관적으로 어느 편이 더 나은 방법인지 확인할 때 AB Test를 사용합니다. 애드센스에서 기본적으로 A/B test를 제공하긴 하지만 그것은 광고의 스타일을 변경하는 테스트만 진행할 수 있습니다. 구글 애널리틱스에서 제공하는 A/B test는 html을 따로 불러와야하므로 티스토리에는 적용할 수 없습니다. 저는 광고단위 갯수와 위치에 대한 실험을 하고싶었기에 직접 AB테스트 스크립트를 작성해봤습니다. 테스트 중 실시간으로 더 나은 결과를 보이는쪽을 더 많이 노출해야지만, 실력의 한계로.. 단순하게 50% 확률로 서로다른 두가지 광고배치가 나타나게 했습니다. ..
본문 내 애드센스 광고를 일괄적으로 삽입하는 방법에 대해 알아보겠습니다. 일단 모바일에서도 본문 내 일괄삽입한 광고가 나오게 하려면 반응형 스킨을 사용해야합니다. 이 방법을 사용하면 이전에 작성한 포스트에도 일괄적으로 광고를 삽입할 수 있지만, 광고가 삽입되는 위치도 일괄적이므로 자칫 자기도 모르게 정책을 위반할 수도 있습니다. 삽입될 위치에 주의해서 사용하시기 바랍니다. 예를들어 본문의 가장 마지막에 광고를 넣는 경우를 생각해 볼 수 있습니다.이 경우 스킨에서 본문 하단에 삽입한 광고와 달리 공감버튼, 카테고리의 다른글상자 보다 위에 광고가 노출됩니다. 또는 본문의 아주 중간에 광고를 넣을 수도 있고, 마지막줄 즘에 넣을 수도 있습니다. 본문 내 광고 일괄 삽입 방법 1. 먼저 에드센스에서 본인의 광고..
이 방법은 아래 글에서 이어집니다. - 반응형 광고 단위 사용법, 반응형 스킨에서 상단에 광고 2개 넣기 이번 글에서는 반응형 스킨중에서도 bootstrap 기반의 스킨에서 좀더 쉽게 광고코드를 넣는 방법을 알아보겠습니다.(자신이 사용중인 스킨이 Bootstrap기반의 스킨이라면 html에 col-md-12 이런게 있을겁니다.) 순서대로 따라하기. 1. 반응형 에드센스 코드는 이미 얻으셨을겁니다. 좌우 각각 1개씩 필요합니다. (생략)(오른쪽 광고) (생략) 2.다음 틀에 수정한 코드를 넣고 아랫줄에 붙여넣습니다. (여기에 왼쪽 광고를 넣으세요) (여기에 오른쪽 광고를 넣으세요) 끝! .
본문 내 광고 삽입을 할 경우 수익률이 좋아서 꽤 많은 분들이 본문 내에 광고를 삽입하고 있습니다. 가장 초보적인 방법으로 글을 쓸 때 마다 광고 코드를 붙여넣는 방법이 있고, 서식에 광고코드를 등록해두어서 불러오시는 분들도 있습니다. 그러나 이런 방법들의 단점은 나중에 광고 코드를 수정해야 할 때, 모든 게시물을 일일히 수정해주어야 한다는 점 입니다. 그래서 이전에 생각했던 방법이 다음 글이었습니다.[COMPUTER TIP] - 티스토리 본문 중간에 광고 넣기 서식에 자바스크립트 문서를 불러오도록 해놓고, 자바스크립트 문서에 광고코드를 삽입해놓는 방식이었습니다. 나중에 수정을 할 때는 글마다 일일히 수정할 필요 없이 자바스크립트 문서만 수정해서 다시 업로드하면 모든 게시물에 적용이 되었습니다. 그러나 ..
반응형 스킨사용하시는분들이 많아지고 있는데요, 그 전에는 포스트상단에 광고를 2개넣어도 모바일에서 광고가 따로 들어가니 문제가 없었습니다.그러나 반응형 스킨에서는 광고를 2개 넣는다고 해도 모바일환경에서 접속했을 때 광고가 너무 커 정책위반을 할 수도 있었습니다. 여기 제가 사용한 방법을 소개시켜드라고자 합니다.제가 사용한 반응형 스킨은 http://blog.readiz.com/ 에서 제공받았습니다. 반응형 광고단위 사용하기 이미 반응형 스킨을 사용중이신 분들은 애드센스의 반응형 광고단위도 사용하고 계실 거라고 생각합니다.반응형 광고단위란 기기의 해상도, 브라우저의 가로 크기에 따라 광고단위 크기가 조절되는 광고단위입니다. 반응형 광고단위는 광고단위 크기를 마음대로 바꿀 수 있으므로 한번 만들어놓으면 레..