독학으로 그누보드5 모바일 페이지에 구글 애드센스 광고넣기

안녕하세요?

지난번 포스팅끼지 이래저래 힘을 써서 그누보드5로 만들어진 사이트에서 구글 애드센스의 광고가 나오게 하는 것을 보았을 것입니다.

하지만, 한가지 문제가 생겼는 것이, 모바일 버젼의 홈페이지에서는 전혀 애드센스의 광고가 나오지 않는 것을 발견하였스니다. 그래서 이를 수정하기 위한 작업에 들어갑니다.

우선 여기서는 알FTP로 홈페이지의 FTP계정에 접속을 한 다음에, www폴더의 하위에 있는 gb5폴더를 엽니다. 그리고 그 아래에 있는 mobile폴더를 열어서, 안에 있는 skin폴더에 들어갑니다. 그리고 거기에 있는 board폴더 안에 있는 new.skin.php파일을 다운로드 해서 수정에 들어가는 작업을 합니다.

먼저 new.skin.php파일을 복사본을 만들고 나서, 전체 게시물 검색 끝이라는 행 바로 아래에 구글 애드센스의 코드를 다음과 같이 붙여 넣기에 들어갔습니다. 저 위의 스크린샷에서 붉은 색으로 가려진 부분이 바로 구글 애드센스가 들어가는 부분인데, 개인정보에 관련된 부분이기 때문에 구글 애드센스의 코드는 가렸습니다.

사이트의 모바일 페이지를 보았을때, 최신글을 보는 곳에서는 위 스크린샷과 같이 애드센스의 광고가 뜨는 것을 볼 수 있습니다. 그리고 데스크톱 버전에서는 그토록 의도하려고 했던 위치에서는 광고 배너가 설치되지 않았는데, 모바일 버전의 페이지에서는 원하던 위치에 붙어 있는 것을 볼 수가 있습니다.

다음으로는 게시물을 읽는 동안에도 애드센스의 광고가 뜰 수 있도록 만들기 위해서 이번에는 mobile/skin/basic안에 있는 view.skin.php파일을 다운로드해서, 복사본을 미리 만들어 두는 작업을 합니다.

이번에는 지난번과는 다르게 글 제목 위에 배너가 출력되도록 바꿀 수 있도록, 그 위치에 출력되리라 생각이 되는 위치에다가 애드센스의 코디를 붙여넣기 했습니다. 여기서는 위와 같은 위치에다가 먼저 애드센스의 코드를 붙여넣기 했고, 다시 알FTP를 업로드해서, 원래 있던 홈페이지의 view.skin.php위에 덮어쓰기를 선택하였습니다.

위의 스크린샷은 스마트폰으로 볼때 어떠한 모습으로 나오는 지를 찍은 스크린샷입니다. 

실제로 존재하는 사이트에서 작업을 했기 때문에 일단 사용자와 게시물이 노출되는 것을 막기 위해서 가려놓았습니다.

view.skin.php에서 코딩을 하였기 때문에 역시나 게시물을 읽고 있는 동안 상단에 옆 스크린샷과 같이 제목 위에다가 애드센스의 광고가 뜨는 것을 확인 하였습니다.

이번엔느 모바일 홈페이지 상에서 특정 게시판의 메뉴에 들어갔을 때에도 애드센스의 광고를 계속 볼 수 있도록 하기 위해서 php파일을 수정하는 작업에 들어갑니다.

list.skin.php라는 파일을 앞서 new.skin.php와 view.skin.php를 다운로드 받았던 홈페에지 FTP의 폴더에서 다운로드 받아서 먼저 복사본을 만든 다음, 구글 애드센스 코드를 삽입한 스크린샷입니다. 역시 이번에도 게시판의 게시물 목록이 시작되는 시점에서 애드센스의 광고가 뜰 수 있도록 하기 위해서, <!-- 게시판 목록 시작 --> 이라는 행 바로 위에다가 배너의 코드를 삽입하였습니다.

모바일 홈페이지에서 자유게시판에 들어갔을 때, 상단에 광고 배너가 나오는 것을 확인할 수 있었습니다. 이로서 모바일 홈페이지에서도 모든 페이지에서 광고가 나온다는 것을 확인할 수 있었으며, 그누보드 홈페이지에서 skin.php라는 파일에 구글 애드센스의 코드를 삽입하는 것으로 광고를 띄울 수 있다는 사실을 알 수 있었습니다.