본문 바로가기

정보/애드센스

구글 애드센스 반응형 코드 수정 광고크기 바꾸기


구글 애드센스 반응형 코드 수정 광고크기 바꾸기





저번에는 애드센스 반응형 광고코드 생성방법과


티스토리 블로그에 적용하는 방법에 대해 글을 작성했는데


이번에는 반응형 광고크기를 수정하는 방법에 대해


글을 써보도록 하겠습니다




 구글 애드센스 반응형 광고코드 생성 및 티스토리 적용하기







구글 애드센스 웹사이트에 로그인을 해서


반응형 광고코드를 만든 후 티스토리 관리 플러그인을 통해


적용을 하면 위와 같이 가로방향으로 긴 형태의 광고가 생성되는데





페이지의 크기를 줄이면 글의 제목과 내용은


페이지에 맞춰서 정렬이 되는데


광고도 좌측은 위치가 맞춰지지만


광고 자체가 가로길이보다 길어 광고가 짤려서 나오는데


이렇게 광고가 잘리는 것을 누구나 쉽고 간단하게


광고의 크기를 바꿀 수 있습니다





우선 구글 애드센스 웹사이트에 로그인을 하고 촤측 항목


내 광고를 선택하고 나오는 광고단위에서


코드 가져오기를 눌러  반응형 코드를 불러옵니다





광고코드가 나타나면 전체를 선택하고 복사를 합니다



http://cfs.tistory.com/custom/blog/168/1686514/skin/images/ResponsiveAdsenseHelper.html





그다음 위의 링크를 반응형 광고코드를 몇번의 클릭으로


코드를 수정할 수 있는 페이지로 넘어갈 수 있습니다





위의 페이지는 구글 애드센스 코드를 쉽고 간편하게 만든 사이트로


코드를 붙여넣는 것만으로 누구나 쉽게 코드 수정이 가능합니다





복사를 한 반응형 광고코드를 창에 붙여넣은 후


설정에서 광고의 기본크기를 설정하는데 일반적으로


기본적으로 설정되어있는 기본크기 가로 320, 세로 250


페이지가 몇 픽셀일 때 어느 정도 크기의 광고가 나오게 할 지 설정을 하고


적용을 누르면 수정된 광고가 하단에 나타나는데


이때 설정에서 광고 이름은 애드센스에서 광고코드를 만들 때와 다르게


한글이 아닌 영어와 숫자로 조합된 이름을 사용합니다





모든 설정이 끝나고 적용을 누르면 설정하단에


실제 수정된 광고코드를 적용했을 때


페이지 픽셀에 따라 적용되는 광고크기를 확인할 수 있고





미리보기 하단에  나타난 수정된 광고코드를 복사한 후





티스토리 블로그 관에 들어가


애드센스 반응형 플러그인에 넣었던 광고코드를 지우고


수정된 광고 코드를 붙여넣고 저장을 누르면





위와같이 광고크기가 수정되서 좌측을 기준으로


광고가 나타난 것을 확인 할 수 있는데



플러그인에 처음 광고를 적용했을 때와 다르게


수정된 광고를 넣고 저장을 누르면


1~2시간 기다릴 필요없이 바로 적용된 것을 확인 할 수 있습니다





페이지 크기를 줄였을 때 광고가 잘리지 않고


페이지에 다 들어가는 광고가 적용된 것을 확인 할 수 있습니다




 구글 애드센스 광고코드 생성하기


 구글 애드센스 티스토리 블로그 광고코드 넣기