워드프레스 스크롤 따라다니는 좌우 세로배너 광고 쉽게 넣는법

349

워드프레스 스크롤 따라다니는 좌우 세로 배너 광고 쉽게 넣는법 쉽게 셜명드릴게워드프레스 사이트나 블로그를 운영하는 이유는 애드센스 광고 수익을 내기 위한 경우가 대부분입니다. 어떤 사이트를 방문하다 보면 스크롤 할 때 좌우에 쫄쫄 따라다니는 세로 이미지 배너광고를 보셨을 텐데요. 광고 효과가 좋아 보여 나의 사이트나 블로그에 넣고 싶다는 생각을 하셨고 검색을 하셔서 여기 저의 사이트에 방문하신 분들이 이 글을 읽고 계실 거란 생각이 드네요.

그럼 이 배너 광고는 무엇이고 어떻게 나의 사이트에 구현을 하는지 차근차근 쉽게 설명을 드리겠습니다! 그럼 가보실까요?

여러분이 구현하고 싶은 광고 형태는 플로팅 배너 광고라고 불립니다.

워드프레스 스크롤 따라다니는 좌우 세로배너 광고 , 플로팅 배너 광고란?

워드프레스 스크롤 따라다니는 좌우 세로 배너 광고

플로팅 배너는 웹페이지에서 스크롤을 할 때 화면에 고정되지 않고 따라다니는 형태의 광고나 배너를 말합니다.

사용자가 웹페이지를 스크롤 하면 배너가 페이지의 일정 위치에 고정되지 않고 화면을 따라 움직입니다. 이는 사용자들의 시선을 끌어 높은 시인성을 제공하고 광고 효과를 극대화하는 데 사용됩니다.

플로팅 배너는 웹사이트의 다양한 위치에서 나타날 수 있으며, 사용자 경험을 향상시키고 광고주에게 더 많은 노출 기회를 제공합니다.

플로팅 배너 광고 넣는 법

DevVN Float Left Right Ads 플러그인 설치

플로팅 배너 광고를 넣기 위해서는 우선 워드프레스 플러그인을 설치를 해주셔야 합니다. 설치 방법은 아래 이미지를 참고하여 따라와 주세요

워드프레스 스크롤 따라다니는 좌우 세로 배너 광고

(1) 워드프레스 알림판 플러그인 메뉴에 가세요

(2) 플러그인 추가를 눌러 주세요.

(3) DevVN Float Left Right Ads를 검색하여 설치하고 활성화를 해줍니다.

DevVN Float Left Right Ads 플러그인 설정 방법

플로팅 광고

플러그인을 활성화하고 나면 (4번) 워드프레스 설정 서브 메뉴에 (5번) Float Left Right Ads라는 항목이 추가되신 걸 확인 하실 수 있습니다. 눌러주세요.

(6) 번 Active Plugin에 Yes를 눌러 광고를 달아줍니다.

아래 메뉴 Show on은 어느 페이지에 플로팅 배너광고를 다느냐를 선택하실 수 있습니다. 원치 않는 곳이 있으시면 체크를 해제해 주시면 됩니다.

플로팅 광고

(7) 번 모바일 디바이스는 No 설정 그대로 둡니다. 배너 사이즈를 설정하실 수 있는데요. Banner Left, Banner Right에서 가로 세로 픽셀 사이즈를 설정하실 수 있습니다. 저는 기본값 (가로 150px, 세로 400)을 설정해 주었습니다.

상단 참고 이미지에 보시면 우측 배너는 가로 200을 해보았었는데요. 마음에 들지 않아 지금은 좌우 측 모두 150×400 사이즈로 통일하였습니다.

(8) 번에 본인의 구글 애드센스 광고 코드를 삽입하고 변경사항 저장을 눌러주면 모든 세팅은 끝이 납니다. 적용된 사이트를 확인하셔서 소소한 즐거움을 누려보세요

설정 완료 후 세로 배너의 간격 디테일 조정

저의 경우 설정 후 배너가 상단 헤더 부분에 너무 붙어서 따라와 뭔가 거슬렸습니다. 그래서 (7) 번 항목 하단의 Margin 값을 조정하여 간격을 적당히 띄워 주었습니다.

여러분의 사이트 스타일에 맞게 margin 값을 조절하여 가독이 편하게 디테일을 설정해 주시면 됩니다. 저의 설정값을 따라서 적용해 보시고 적절히 여러분의 취향에 맞게 조절해 주세요

워드프레스 스크롤 따라다니는 좌우 세로배너 광고 설정을 했는데 광고가 나타나지 않는다면?

저도 광고가 나타나지 않아 당황했는데요. 저의 경험에 비추어 말씀을 드리자면 첫 번째로 광고 적용 시간에 딜레이가 있었고

두 번째로 배너 사이즈를 너무 크게 설정하면 광고가 사라지더라고요. 그리고 margin 값을 조정하는 중에 수치를 너무 크게 하면 광고가 벗어나 사라지는 느낌을 받았습니다. 모든 설정을 기본에서 크게 벗어나지 않는 범위에서 설정해 주세요.

저의 글을 읽어 주셔서 감사합니다! 모두 행복하세요~