xe 홈페이지에 구글 애드센스 광고 다는 방법_게시판 상하와 사이드광고

 안녕하세요! 우기블로그입니다.

 

XE 제로보드 두번째 이야기입니다. 이번에는 애드센스 광고를 게시판과 서브영역(오른쪽 혹은 왼쪽 사이드)에 달아보겠습니다. 정말 간단하게 설치할 수 있고, 관리도 쉽습니다. 제가 사용한 xe 레이아웃은 Door of Web과 광고용 애드온을 이용했습니다. 아무래도 DoorofWeb 레이아웃을 사용하시는 분들에게는 도움이 되겠네요. 물론 애드온을 이용하여 게시판 위 아래로 다는 것은 어느 레이아웃이나 가능합니다.

 

 

 

  + 쉬운설치로 "광고본문 삽입" 애드온 추가하기  

 

일단 쉬운설치를 통해 애드온 하나를 설치해줍니다. 광고 본문 삽입 애드온입니다. 숭숭군이라는 분이 개발해 주셨군요. 이 자리를 빌려 잠시 감사의 말씀을 드립니다. ^^ 애드온이 설치 되었다면 왼쪽 메뉴에서 쉬운설치 아래에 있는 설치된 애드온을 눌려줍니다. 이제 애드온을 적용시켜야겠지요? PC 부분에 체크를 해주고, 애드온을 활성화 시켜줍니다.

 

 

 

 

---

 

 + 게시판에 광고 삽입하기  

 

그리고 이제 설정에 들어갑니다. 설정에는 기본설정이라는 글자 아래로 여러 옵션들이 보입니다. 이제 애드센스에 가셔서 광고코드를 가져옵니다. 가져오는 방법은 네이버나 구글링을 통해서 알아보시고요. 아신다면 얼른 가져옵니다. ^^ 저는 반응형 코드를 가져왔습니다.

 

 

 

출력위치를 본문상단으로 정해주고, 그 아래 코드입력에 복사해온 애드센스 코드를 붙여넣기 해줍니다. 그리고 그 아래에 있는 출력위치 옵션은 본문 하단을 선택해준 후에 다른 애드센스 코드를 붙여넣기 합니다. (본문 상단에 두개의 애드센스 코드가 들어가는지 확인은 안해봤습니다. 귀찮아서.... 저는 반응형으로 하나씩 쓸거라.... 단순하게 위 아래 하나씩 박아 넣습니다.)

 

 

사실 이 애드온이 좋은 이유는 본문 중앙에도 코드를 입력할 수 있다는 점입니다. 물론 소소한 버그가 있다고 XE 게시판을 통해 확인했지만, 조금만 고쳐 쓰면 좋은 툴이 될것이라 보입니다.

 

그리고 이제 제일 아래에 보시면 대상이라는 글자가 보일것입니다. 애드센스가 보여질 게시판을 선택해주는 것입니다. 저는 공지사항 빼고 모든 게시판을 선택했습니다. ^^

 

 

 

이제 확인해 봐야겠군요. 게시판에 들어가서 게시물 하나를 클릭해서 들어가 봅니다. 그러면 아래와 같이 게시물 상단과 하단에 반응형 애드센스가 짠하고 나타납니다. (물론, 애드센스 광고코드를 방금 만들어서 붙여넣기 하셨다면 웹페이지를 찾을수 없습니다 하는 메시지가 뜨지만 당황하지 마세요. 시간이 지나면.....10분....20분? 쯤에 제대로 광고가 뜨게 되어 있습니다.

 

 

 

 

---

 

 + 사이드영역에 애드센스 광고 추가하기    

 

그리고 이번에는 홈페이지 사이드 영역에 광고 하나를 더 배치해 줍니다. 이번에는 Door of Web 레이아웃 옵션에 들어가서 고쳐줄 것입니다.

 

 

 

 

자, 관리자 화면으로 접속하시고, 대시보드가 나왔으면, 맨 아랫쪽 왼쪽에 설치된 레이아웃 메뉴를 클릭해 줍니다. 그러면 설치된 레이아웃 목록이 쭉하고 뜹니다. 거기서 Door of Web 레이아웃의 설정을 클릭합니다.

 

 

 

 

 

 

 

 

그러면 이제 사용자 정의 화면으로 넘어갑니다. 사용자 정의 화면에서 서브위젯 탭을 선택해 줍니다. 서브위젯 탭을 선택하면 위젯들을 설정할 수 있는 화면이 나오는데, 저는 1번과 2번 위젯을 사용하고 있기 때문에 그 아래 3번 위젯으로 설정을 해줄 것입니다. 이제 주소 코드를 위젯3 코드라는 곳에 붙여넣기 해줍니다.

 

 

 

 

 

그리고 맨아래에 가셔서 저장을 눌러주시면 이제 설정이 완료된 것입니다. 이제 홈페이지 메인 화면으로 이동해 보세요. 그러면 사이드 영역에 애드센스 광고가 정상적으로 출력된게 보이실 것입니다.

 

 

 

 

 

 

어때요? 간단하죠? Door of Web 역시 여러가지 옵션들을 가지고 있는 레이아웃이라 정말 유용하게 잘 사용하고 있습니다. 만들어 주신 분께 감사를 드리며 이 글을 마칩니다. 도움이 되었나요?