구글에서 지원하는 Google Adsense의 서비스를 이용하여 사이드바 광고를 넣는 법에 대해 알아보도록 하겠습니다.


구글에서는 자신이 원하는 광고를 사이즈 및 형태별로 게재할 수 있도록 서비스를 제공하고 있습니다.

이번 글에서는 카테고리, 알림, 블로그 메뉴가 표시되는 사이드바 영역에 광고를 넣는 방법을 차근차근 알아보도록 합시다~



01. Adsense의 광고 생성

먼저 Google Adsense에 로그인 하셨다면, 여러가지 탭이 보이실 것입니다.

여기서 다른 탭은 넘어가고, 바로 다음 순서의 탭 안으로 들어가도록 합시다.



새 광고 단위 생성


먼저 광고 단위를 생성하기 위해 [콘텐츠] -> [광고 단위] 순으로 탭을 들어가시면 다음과 같은 화면이 나올것입니다.



해당 탭으로 들어가셨다면 바로 [새 광고 단위]를 클릭해줍니다.

새 광고 단위를 통해 여러분이 게시하고자 하는 광고를 생성할 수 있습니다.

여기서는 반응형, PC, Mobile 등에 게시할 형태별, 사이즈별 광고를 생성할 수 있습니다.



광고 종류 선택


다음으로 여러분이 만들 광고를 선택하셔야 합니다.

대부분의 광고가 [텍스트 및 디스플레이 광고]로 이루어져 있습니다.

때문에 해당 포스트에서도 이 광고로 생성을 해보도록 하겠습니다.





광고 크기 선택


위의 그림처럼 텍스트 및 디스플레이 광고를 클릭해주시면 다음과 같은 그림이 나올 것입니다.


여기서는 여러분이 생성하고자 하는 광고의 크기를 지정해주는 곳입니다.

기본적으로 반응형을 권장하고, 다른 크기는 권장하지 않고 있더군요.(2018.07.26. 기준)

때문에 저는 반응형으로 생성하였습니다.


하지만 여기서 권장드릴 수 있는 크기 [반응형]과 [수직배너(큰 스카이스크래퍼)] 두 가지로 말씀드릴 수 있을 것 같습니다.






광고 생성 완료(코드 확인)


원하시는 크기를 설정하셨다면 다음과 같이 광고 코드가 생성된 것을 보실 수 있습니다.

해당 코드는 이제 여러분이 광고를 게시하고자 하는 영역에 삽입할 코드입니다.






02. 티스토리 사이드바 광고 등록

현재 읽고 계시는 포스트에서 가장 중요한 내용이 이 부분이 아닐까 싶습니다.

다음은 티스토리 사이드바에 광고를 어떻게 등록하느냐 입니다.



플러그인 적용


먼저 티스토리에 로그인하시고, 관리자 영역으로 들어가시면 다음과 같이 여러 설정 메뉴들이 보이실 것입니다.

여기서 플러그인을 선택하고 검색창에 '사이드바' 라고 검색하시면 여러 플러그인들이 보이실 것입니다.

이 중에서 [배너 출력]을 선택하여 '적용'해주시기 바랍니다.




사이드바 편집(1)


플러그인 설정이 완료되면, 다음으로 배너 출력을 선택합니다.

배너 출력의 종류가 다양하게 나오게 되는데, 이때 [HTML 배너 출력]을 선택합니다.

우리가 받은 Google Adsense 코드는 HTML 소스이기 때문에 HTML 배너 출력을 선택해주셔야 적용할 수 있습니다.




사이드바 편집(2)


사이드바를 선택해주시면, 오른쪽에 여러분이 선택한 HTML 배너 출력이 보이시게 될 것입니다.

여기서 [편집]을 클릭하면 HTML 배너출력에 대한 두 가지 수정사항이 보이실 것입니다.

저는 이름에 '사이드바 광고'라고 작성하였고, HTML 소스에는 광고 생성 완료(코드 확인)의 코드를 그대로 복사하여 삽입해주었습니다.

이후 확인을 누르고 저장을 하시게 되면 광고가 생성된 것을 확인하실 수 있으실 것입니다.




여기는 PUREGOLDSTAR 블로그입니다


Here is PUREGOLDSTAR Blog


ここはPUREGOLDSTARKのブログです


Heir ist PUREGOLDSTAR Blog



+ Recent posts