애드센스 반응형 웹페이지 광고 다는 방법

애드센스 반응형 웹페이지 광고 다는 방법

애드센스에서는 반응형 웹페이지를 위한 광고 단위를 제공해 줍니다.

반응형 웹페이즈는 핸드폰, 태블릿, 컴퓨터 등 다양한 기기에 맞쳐서 홈페이지의 길이를 자동으로 사이즈에 맞게 조절해주는 사이트를 말합니다.

반응형 웹페이지를 달게 되면 좋은 점은 자동으로 사이즈를 조절해준다는 점인데요.

이렇게 다양한 기기에서 환경을 광고 사이즈를 자동으로 맞추기 위해서는 반응형 광고를 다는게 적합할 것입니다.

 

먼저 애드센스에 로그인 하면 다음과 같이 화면이 뜰것입니다.

애드센스 메뉴중 내 광고 버튼을 누른뒤에 새 광고 단위를 누릅시다.

 

새광고 단위를 누르게 되면 다음 이미지처럼 표시가 되는데 이때 광고 크기 메뉴에서 자동 크기 반응형 메뉴를 선택해 준뒤 저장 및 코드 생성 버튼을 누릅니다.

 

그러면 다음 이미지에 나온것치럼 제가 지정한 이름으로 신규 광고 코드가 생성이 됩니다. 해당 메뉴에서 이제 코드 가져오기 버튼을 눌러 script 부분을 복사해 놓도록 합시다.

 

 가져오기를 통해 코드를 복사해 놓으시면 됩니다.

 

그런다음 티스토리를 사용하시는분은 다음과 같이 사용하시면 됩니다. 관리자 메뉴에서 플러그인 설정을 누르시고 수익 버튼을 누르신 다음 Google AdSense(반응형)을 선택 하신뒤에 광고를 하나만 쓰실분은 광고 코드를 다시면 됩니다. 2개 쓰실 분은 저처럼 상단 하단에 광고 코드를 넣으시면 되겠습니다. 마지막으로 확인을 넣으면 광고 코드가 웹에서든 모바일 환경에서든 위치를 자동으로 조절 하여 광고를 보여주게 됩니다.

 

간혹 티스토리 반응형 웹페이지에 위처럼 광고가 안보이시는 분이 계실겁니다.

이럴땐 일반 웹페이지에 광고를 삽입하는 방식과 동일한 방법으로 직접 소스코드를 직접 넣어 주시면 됩니다.

일반 웹페이지에 경우는 광고 코드만 있으면 원하는 페이지에 광고를 소스코드를 복사하여 자유롭게 다실수 있습니다. 

그럼 아래 사항은 공통 사항입니다. 일반 웹페이지 / 티스토리 플러그인에서 적용 안될때. 

메뉴에서 HTML/CSS편집 버튼을 누릅니다.

 

이런식으로 <script> 영역으로 쌓여져있는 광고 코드를 HTML에 직접 삽입해 주신후에 오른쪽 위 주황색 저장 버튼을 누르시면 됩니다.

블로그마다 환경이 다틀리기 때문에 어는곳에 소스를 넣으라는 말씀은 못드리겠습니다.

그저 HTML 잘모르시는 분은 <script> 포함한 영역들을 모두 잘라내서 이곳 저곳에 붙여 넣어서 적당하 위치에 넣으시면 됩니다.

개인 홈페이지를 운영 하시는 분들은 직접 소스코드 경로를 찾아서 광고 소스코드를 넣으셔서 css로 조작 하시면 됩니다.

 

웹페이지에 반응형 광고를 다는 것이 완료 되었다면 안드로이드 핸드폰, 아이폰, 컴퓨터, 태블릿등 다양한 환경에서 테스트를 진행해 보시면 됩니다.