애드센스 상단 2개 모바일 반응형 대응하여 설치하기

애드센스 상단 설치방법에 대해서 알아볼까 합니다. 사실 예전과는 달리 PC보다는 모바일이 대세기 때문에 상단에 광고 2개를 설치하는게 큰 의미가 없을수도 있습니다. 저 같은 경우에도 모바일 상단의 광고가 훨씬 클릭률이 좋기 때문인데요. 그래도 애드센스를 설치하는 티스토리 블로거라면 자기에게 맞는 광고 방법을 찾아서 수익을 최대한 올려야겠지요.

설치에 앞서서 모바일은 한 화면에 1개의 광고만 허용되어 있습니다. 바로 광고가 연속되어서 나오게 되면 규정 위반으로 애드센스 정지를 당할 수 있기 때문에 주의하셔야 합니다.

제가 최근에 쓴 일본 쇼핑리스트 후기인데요. 저런식으로 좌/우에 광고가 하나씩 나오게 되는 html 코드라고 보시면 됩니다. 설치하기에 앞서서 3개의 광고 단위가 필요한데요. 설치하시기 전에 미리 준비해주세요. 336x280 데스크탑 광고 2개 300x250 모바일 광고 하나 이렇게요.

제 HTML 소스는 이렇게 되어 있습니다. 일단 스킨이 여러 종류이기 때문에 어떻게 딱 정의하기는 어렵지만 하시다가 막히는 사항이 있으시면 댓글이나 따로 연락주세요. 도와드릴 수 있는 한 도와드릴께요.

애드센스 상단 설치방법에 대해서 알아볼까 합니다. 사실 예전과는 달리 PC보다는 모바일이 대세기 때문에 상단에 광고 2개를 설치하는게 큰 의미가 없을수도 있습니다. 저 같은 경우에도 모바일 상단의 광고가 훨씬 클릭률이 좋기 때문인데요. 그래도 애드센스를 설치하는 티스토리 블로거라면 자기에게 맞는 광고 방법을 찾아서 수익을 최대한 올려야겠지요.

설치에 앞서서 모바일은 한 화면에 1개의 광고만 허용되어 있습니다. 바로 광고가 연속되어서 나오게 되면 규정 위반으로 애드센스 정지를 당할 수 있기 때문에 주의하셔야 합니다.

제가 최근에 쓴 일본 쇼핑리스트 후기인데요. 저런식으로 좌/우에 광고가 하나씩 나오게 되는 html 코드라고 보시면 됩니다. 설치하기에 앞서서 3개의 광고 단위가 필요한데요. 설치하시기 전에 미리 준비해주세요. 336x280 데스크탑 광고 2개 300x250 모바일 광고 하나 이렇게요.

제 HTML 소스는 이렇게 되어 있습니다. 일단 스킨이 여러 종류이기 때문에 어떻게 딱 정의하기는 어렵지만 하시다가 막히는 사항이 있으시면 댓글이나 따로 연락주세요. 도와드릴 수 있는 한 도와드릴께요.

이걸 기억해두시고 Ctrl+F 를 이용하여 찾아줍니다. 그리고 그 위에 제가 메모장에 담아놓은 광고를 수정하여 붙여 넣으시면 되는것이지요.

본문상단애드센스.txt

HTML 코드를 분석해 보자면 데스크탑 상단 애드센스 2개가 전부 들어가 있는 소스코드입니다. 보이는 화면 사이즈가 768px 이 넘을 때 실행되는 코드라고 보시면 되요. 애드센스를 자신의 것으로 바꾸시려면 ca-pub-xxxx 과 data-ad-slot="xxxx" 이렇게 xxxx 부분을 수정하셔야 하는데요. 아까 만들어 놓은 광고를 가지고 수정하시면 됩니다.

이게 모바일 상단 광고 부분인데요. 아까와는 반대로 768px 이하 일때는 이렇게 300x250 직사각형 형태의 모바일 광고가 나타나는 것이지요. 이것또한 xxxx 표시해놓은 부분을 수정해주시면 됩니다.

저는 그래도 프로그래머라 어렵지는 않았는데 처음 접해보시는 분이라면 어려울 수도 있어요. 그러니 언제든지 질문하세요.

이걸 기억해두시고 Ctrl+F 를 이용하여 찾아줍니다. 그리고 그 위에 제가 메모장에 담아놓은 광고를 수정하여 붙여 넣으시면 되는것이지요.

본문상단애드센스.txt

HTML 코드를 분석해 보자면 데스크탑 상단 애드센스 2개가 전부 들어가 있는 소스코드입니다. 보이는 화면 사이즈가 768px 이 넘을 때 실행되는 코드라고 보시면 되요. 애드센스를 자신의 것으로 바꾸시려면 ca-pub-xxxx 과 data-ad-slot="xxxx" 이렇게 xxxx 부분을 수정하셔야 하는데요. 아까 만들어 놓은 광고를 가지고 수정하시면 됩니다.

이게 모바일 상단 광고 부분인데요. 아까와는 반대로 768px 이하 일때는 이렇게 300x250 직사각형 형태의 모바일 광고가 나타나는 것이지요. 이것또한 xxxx 표시해놓은 부분을 수정해주시면 됩니다.

저는 그래도 프로그래머라 어렵지는 않았는데 처음 접해보시는 분이라면 어려울 수도 있어요. 그러니 언제든지 질문하세요.