안녕하세요! 송가지가지입니다.

 

오늘은 구글애드센스광고 중에서

인피드 광고를 넣는 방법에 대해서 

설명해드리도록 하겠습니다!

 

대부분 처음 구글애드센스를 통해서

광고를 넣을때 디스플레이 광고를 

넣으시는 분들이 많이있는데

 

디스플레이 광고 옆에 인피드광고를

클릭해서 보았더니

이러한 장점들이 설명되어 있어서

저도 한번 해볼까 생각이 들더라구요!

 

 

네이버 블로그와 티스토리의

가장 큰 차이점이라고 한다면

네이버 블로그는 프로그램을 다루지 

못하더라도 누구나 도전 해 볼 수 있는 반면

티스토리는 광고등을 게시하기 위해

프로그램을 다뤄야 한다는 점이

가장 큰 차이점인 것 같아요!

 

 

디스플레이 광고를 게시할 때는

다른 블로그에 나온 정보를 찾아서

했기 때문에 큰 어려움이 없었는데

인피드 광고는 어렵더라구요,,,?ㅎ

 

그래서 코딩을 할 줄 아는 남자친구에게

찬스를 써서 쉽게 극복할 수 있었습니다. :)

 

 

지금부터 인피드 광고 쉽게 넣는 법에 대해서

알려드릴테니 차근차근 따라오세요!

 

 

 

1. 티스토리 설정-메뉴에서 온라인 들어가기

 

 

모바일 url 과 일반 url을 하나로 

통합해서 사용하는 방법이 없을까 고민했는데

 

여기서 사용하지 않습니다

설정할 경우 구글애드센스 사이트(2번)에서

일반 url 사이트, 모바일로 선택해서

광고 게시를 진행하면

PC화면과 모바일 화면에서 

둘 다 나오더라구요!

 

 

 

 

2. 구글애드센스-광고-개요-광고단위기준

인피드 광고 클릭하기

 

구글애드센스 홈페이지에서

인피드 광고를 선택한 후에

자신의 URL을 작성해서 

모바일/데스크탑 중 한가지를 선택한 후

페이지 스캔을 클릭합니다.

 

 

페이지를 스캔하는 작업을 진행하여

최적화된 스타일을 찾아내줍니다.

 

 

3. 인피드 광고 수정 창에서 

자신이 원하는 광고 스타일로 설정하기

 

이 창에서는 인피드 광고에 사용되는

이미지나 글꼴등 자신이 원하는 것으로

설정을 할 수 있습니다.

 

옆에 미리보기 화면이 나와있기 때문에

바로 바로 변경된 설정을 확인 할 수 있어서

굉장히 편합니다.

 

패딩은 여백너비라고 생각하시면

편할 것 같아요!

 

*여기서 설정한 것을 저장한 후 코드를 입력해서

티스토리에서 적용됩니다.

 

나중에 설정을 수정하고 싶다면 자동으로 설정이

티스토리에서 바뀌지 않고

 다시 코드를 입력해줘야하는 번거로움이 

생기므로 설정할 때 유의하시길 바랄게요!

 

 

3. 저장한 인피드 광고

코드 복사하기

밑에 코드 복사를 클릭해줍니다!

 

복사한 코드는 메모장에 붙여넣기

해주시면 이따가 편하실거예요.

 

그리고 1번 2번 3번은

잠시 후에 설명해드릴게요.

 

 

 

4. 티스토리 스킨편집

html화면으로 이동하기

 

 

5. (1) </head>코드 찾기

 

</head>코드를 찾아서 그 위에

이 코드를 그대로 입력해주시면 됩니다!

 

그럼 위와 같이 완성됩니다.

 

 

5. (2) <s_index_article_rep>

<div class="list_content"> 찾기.

 

<s_ index_article_rep>코드와

<div claass="list_ content">를 찾으셨다면

 

저 위에 <script>부터 </script>까지

똑같이 적어 넣어주시면 됩니다!

 

그리고 저 검정색 1,2,3 칸은

아까 구글 애드센스 홈페이지에서 

복사한 코드의 1번, 2번, 3번을

그대로 기입해주시면 됩니다!

 

 

*코드 입력할 때 주의 할점!

 

혹시 코드를 메모장에다가 써서

복사 붙여넣기 할 경우

 

소문자로 쓴 것이 대문자로

자동 변환되어 바뀔 수 있습니다!

 

스킨편집 적용전에 소문자가 맞는지

대문자가 맞는지 확인 후 적용 해주세요!

 

'(작은따음표)는 컴퓨터마다 

메모장에 쓴 것 과 스킨편집화면에서

쓴 것이 다른 모양으로 나올 수 있으니

 

따음표부분은 스킨편집부분에서 다시 

적어주시는게 좋을 것 같아요!

 

 

6. 적은 것 확인 후 

적용 누르기

 

 

7. 코드가 잘 적용됬는지

티스토리에서 확인해주기

 

(PC에서 적용된 모습)

 

(모바일 인터넷에서 적용된 모습)

 

 

인피드 광고 적용법이

인터넷에 굉장히 다양한 방법으로

복잡하게 나와있는데

제가 한 방법으로 여러분도 쉽게

광고 설치해보셨으면 좋겠습니다!

 

 

 

오늘도 제 글을 읽어주셔서 감사합니다!

:)

반응형

+ Recent posts