無———有

[구글 애드센스] 광고 삽입 방법 (1.자동삽입 - 모바일 / 반응형) 본문

나의 일상은/a. 현재, 이 시점에서

[구글 애드센스] 광고 삽입 방법 (1.자동삽입 - 모바일 / 반응형)

G.lory 2019. 5. 30. 12:27


■구글 애드센스를 받긴 받았는데.. 광고 삽입은 어떻게 하는 건가요?



구글 애드센스를 받았던 기쁨과 설레임은 아직도 제 마음속에 남아 있습니다. 저는 1차 승인 거절 후 받은 애드센스 승인이라 그런지 이 기회가 더욱 소중하게 느껴졌어요. 하지만 승인을 받은 기쁨도 잠시, 글에 광고는 대체 어떻게 싣는걸까요? 여러 글을 참고하면서 광고 삽입하는 기본적인 방법을 익히게 되었고 현재는 나름 자유자재로 제가 넣고 싶은 위치에 광고를 게재하고 있습니다. 



먼저 플러그인을 이용한 광고 자동삽입 방법을 알려 드릴게요. 





▲1. 구글애드센스 홈페이지 접속해서 광고단위를 눌러줍니다. 그러면 디스플레이 광고, 인피드 광고, 콘텐츠 내 자동 삽입 광고가 있습니다. 광고 형태나 내용상에는 큰 차이가 없는 것 같아요. 


다만, 나중에 설명 드릴 건데 디스플레이 광고의 경우 고정형으로 광고 크기를 설정할 수 있다는 차이점이 있습니다.(콘텐츠 내 자동 삽입 광고의 경우 사이즈 조절 안됨) 즉, PC나 모바일 등 디바이스에 맞춰서 광고가 커지고 작아지고 하는 데(반응형), 크기를 100*100으로 설정해서 PC든 모바일이든 100*100으로 불 수 있습니다.(고정형). 저는 디스플레이 광고를 선택했어요.





▲2. 빨간색으로 표시한 것과 같이 광고이름을 설정합니다. 이 부분은 본인이 광고를 관리하기 쉽게 광고명을 설정해주는 거예요. 그리고 만들기를 클릭하면 광고 코드가 생성이 됩니다. 





▲3. 코드가 생성되었습니다. 그러면 이 코드를 복사한 후 티스토리로 돌아가서 광고 자동 삽입을 해볼게요.






▲4. 티스토리 블로그 설정으로 돌아와서 플러그인을 선택합니다.





▲5. 플러그인에 들어가면 구글 애드센스(반응형), 구글 애드센스(모바일), 구글 애드센스(PC) 가 있을거예요. 여기에서 모바일과 PC는 해당 디바이스를 쓸 때 광고를 보여준다는 거구요. 반응형은 PC나 모바일, 태블릿 등 디바이스 구분없이 광고 사이즈를 조절하여 광고를 보여준다는 뜻입니다. 어떤 환경에서도 광고를 보여준다니, 반응형을 선택합니다.





▲6. 그러면 광고를 글 상단에 삽입할지 글 하단에 삽입할지 아니면 글 상단/하단 둘다 삽입할 지를 선택할 수 있는데요. 광고를 많이 삽입하려면 아무래도 둘 다 하는 게 좋겠죠. 저는 간단하게 설명하기 위해 광고 하단을 선택하겠습니다. 여기에다가 4번에서 복사한 광고 코드를 그대로 붙여 넣기 해줍니다. 





▲7. 광고가 어떻게 삽입됐는지 글에 들어가봤습니다. 글이 끝나는 하단에 광고가 삽입된 걸 볼 수 있습니다.


반응형으로 광고를 삽입하는 것은 사이즈를 따로 설정할 필요 없이 위에 제가 설명한대로 실행하면 됩니다. 하지만 모바일이나 PC의 경우 광고를 삽입할 수 있는 사이즈가 정해져 있어요. 모바일과 PC 설정은 동일하니까 모바일을 가지고 광고 삽입하는 방법을 알려드릴게요.





▲8. 블로그 설정에서 플러그인으로 들어갔더니 구글 애드센스(모바일)이라는 플러그인이 있습니다. 어떤 사이즈를 원하는 지 클릭해서 알아보겠습니다.





▲9. 플러그인을 클릭해봤더니 모바일은 320*50, 320*100, 300*250 크기의 모바일 배너 광고 코드만 넣을 수 있다는 문구가 있습니다. 해당 사이즈로 광고를 만들어서 코드를 삽입해주면 되겠네요.





▲10. 위에 말씀 드렸듯이 디스플레이 광고의 경우 사이즈를 고정으로 만들 수 있습니다. 구글 애드센스 홈페이지의 광고 단위로 다시 들어가서 디스플레이 광고 클릭합니다. 그리고 광고 크기를 반응형에서 고정형으로 바꿔주면 사이즈를 설정할 수 있어요. 


저는 320*50 크기의 광고를 싣도록 하겠습니다. 사이즈 설정해주고 저장 혹은 만들기를 누르면 코드를 복사 할 수 있어요. 




▲11. 복사한 코드를 들고 다시 티스토리 블로그의 플러그인 클릭, 구글 애드센스(모바일)로 들어옵니다. 320*50 크기로 생성한 코드를 박스안에 삽입해줍니다. 그리고 저장을 눌러줍니다.






▲12. 모바일에 광고를 넣은 후에 제가 모바일로 제 글에 접속해봤습니다. 1번은 320*50으로 실은 모바일 광고이구요. 2번은 위에 반응형으로 삽입합 자동 광고 입니다. 어떤 사이즈로 나오는 지 비교가 되시나요? :D



지금 알려 드린 방법이 기본적으로 광고 코드를 생성하고 어떤 글이든 자동적으로 광고가 보일 수 있도록 하는 방법입니다. 반응형은 사이즈를 하나하나 고칠 필요 없이 삽입이 가능해서 가장 간편한 방법인 것 같아요. 저는 PC로 접속하는 사람보다 모바일로 제 블로그를 놀러 오는 분들이 많으셔서 모바일로만 광고를 게재해 놓았습니다. 상황에 따라서 맞춤형으로 광고 삽입하면 될 것 같습니다.



포스팅이 도움 되셨다면 공감 / 댓글 부탁 드려요 :D










Comments