워드프레스 홈페이지 사이드바 고정 구글 애드센스 광고 만들기

워드프레스 홈페이지 사이드바 고정 구글 애드센스 광고 만들기.

다른 사람 워드프레스 구경하다가
스크롤 내려도 사이드바의 구글 애드센스 광고가 계속 따라다니는걸
보신 적 있으실 겁니다.

이 글에서는 사이드바 광고 만드는 법과
사이드바 광고를 고정하는 법을 알아보겠습니다.
(GeneratePress 테마 기준)


워드프레스 홈페이지 사이드바 고정 구글 애드센스 광고 만들기


사이드바 광고 만들기

우선 아랫글들을 참고하시어
디스플레이 반응형 광고 단위를 만들고, 코드를 복사합니다.

애드센스 신규 광고 단위 만드는 법 A to Z

애드센스 광고 단위 코드 복사하는 법

광고 단위 코드를 복사하셨으면
복사한 코드를 붙여넣기 하여 사이드바 구글 애드센스 광고를 만들어보겠습니다.

워드프레스 홈페이지 사이드바 고정 구글 애드센스 외모의 Customise를 클릭
외모의 Customise를 클릭합니다.

 

워드프레스 홈페이지 사이드바 고정 구글 애드센스 Widgets 클릭
Widgets 를 클릭합니다.

 

워드프레스 홈페이지 사이드바 고정 구글 애드센스 Right Sidebar 를 클릭
Right Sidebar 를 클릭합니다.

 

밑의 + 를 클릭 후 Custom HTML
밑의 + 를 클릭 후 Custom HTML 을 클릭합니다.

 

Write HTML 에 있는 빈 공간에 복사한 광고단위 코드를 붙여넣기
Write HTML 이 있는 빈 공간에 복사한 광고단위 코드를 붙여넣기 합니다.

 

우측 사이드바에 사진과 같이 만들어졌다면 성공
우측 사이드바에 사진과 같이 만들어졌다면 성공입니다.





사이드바 고정하는 법 WP Sticky Sidebar

사이드바 광고를 만드셨으니, 이젠 고정하는 법을 알아보겠습니다.

우선 사이드바 고정 플러그인 WP Sticky Sidebar 를 설치합니다.

워드프레스 홈페이지 사이드바 고정 구글 애드센스 Plugins 의 Add New 를 클릭
Plugins 의 Add New 를 클릭합니다.

 

워드프레스 홈페이지 사이드바 고정 구글 애드센스 플러그인 검색 후 설치 및 활성화
플러그인 검색 후 설치 및 활성화합니다.

 

Setting 에서 설치한 사이드바 고정 플러그인을 클릭
Setting 에서 설치한 사이드바 고정 플러그인을 클릭합니다.

 

Sticky Class에 사이드바 광고 class명을 붙여넣기 후 SAVE
Sticky Class에 사이드바 광고 class명을 붙여넣기 후 SAVE를 클릭합니다.

 

#right-sidebar 를 넣으시면 웬만하면 다 될 거라 생각하지만
혹시 고정이 안 되는 분들은 아랫글을 참고하시어
사이드바 광고 class명을 확인해보세요.

크롬 개발자 도구 활용하여 사이드바 광고 class명 확인하는 법

사이드바 class명을 정상적으로 입력하셨나요?
워드프레스 홈페이지 사이드바 고정 구글 애드센스

그럼 위 사진 우측 사이드바 광고와 같이 스크롤을 내려도 고정되어있는
사이드바 광고가 여러분의 워드프레스 홈페이지에 만들어진 걸 확인하실 수 있습니다.


끝으로

이 글의 방법대로 수동으로 사이드바 고정 광고를 만드는 법도 있지만
간단하게 클릭 몇 번으로 구글에서 제공하는 사이드 레일 광고를 적용하는 방법도 있습니다.

추천 글
사이드 레일 광고 적용하는 법 A to Z

오늘 글은 여기까지입니다. 읽어주셔서 감사합니다.