애드센스 광고 달기

애드센스 광고 달기

안녕하세요 한맥킨 입니다. 오늘은 티스토리 블로그를 시작하고 구글 애드센스 최종승인 후 광고를 다는 방법에 대해 알아볼까 합니다.

본 포스트 내용에서는

두가지 방법으로 애드센스 광고 달기 방법에 대해 알아볼것인데요~

예전에는 '티스토리 HTML/CSS 편집'도구를 이용해서 광 고 코 드를 넣어야 했는데요~

이제는 플러그인 이라는 것이 추가가 되면서 초보자분들도 쉽게 할 수 있도록 바뀌었습니다.

애드센스 광고 달기 

티스토리에서 사용할 수 있는 플러그인 으로는?

(데스크탑 웹용, 모바일용, 반응형)이 있습니다.

웹용은 PC에서 작동하고

모바일용은 모바일에서만 작동

반응형은 둘다 작동을 합니다.

그리고 과거에는 한 페이지 내에 광 고를 3개 삽입으로 갯수제한이 있었는데요,

이제는 원하신다면? 갯수제한 없이더 많이 광고를 달 수도 있습니다.

이렇게 데스크탑 웹 PC에서만 작동이 되게 하고 싶으시면

상단 광 고 설정, 하단 광 고 설정 레이아웃을 클릭 하시고

원하는 광고코드를 여기에 넣어 주시면 되는데요~

구글 애드센스에서 그대로 광 고 코 드를 복사하여 붙여넣으면

작동이 안됩니다.

사이즈를 변경을 해주셔야 하는데요~ 아래에서 다시 설명하겠습니다.

위 사진과 같이

모자이크 처리되어 있는 곳은 data-ad client = 는 고객 정보이고, data-ad-slot은 슬롯 고유 번호입니다.

고객 정보는 변하지 않고, 애 드 센 스 을 만들면 개인 고유의 번호가 생성이 됩니다.

그래서 여러 광 고 코 드 를 생성하면 슬롯 번호만 바뀌게 됩니다.

여기서 포인트는 

<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"

style="display:inline-block;width:320px;height:100px"

data-ad-client="ca-pub-xxxx"

data-ad-slot="xxxxx"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

이런식으로 바꿔 주셔야 한다는 겁니다.

모바일 최적화 사이즈는

가로폭 320px 세로높이 100px 입니다. 

웹용은

가로폭 with: 336px

세로높이 height: 280px

반응형 플러그인은

웹용과 동일한 사이즈로 바꿔주시면 됩니다.

애드센스 광고 달기

광 고 위치는 원하시는 레이아웃을 선택 하신 후 코드를 삽입 하신 후에 '확인'을 눌러주시면 됩니다.

좀 번거로우시더라도 

제가 위에 적어드린 예시대로 변경을 하셔서

고객 정보와 개인고유 슬롯 정보, 그리고 사이즈 만 변경을 하셔서 사용을 하시면 됩니다.

아래는 왼쪽, 오른쪽 스킨형태에 따라 다릅니다.

사이드바 를 이용해 '애드센스 광고 달기' 내용 입니다.

티스토리 블로그에 로그인을 하시고

플러그인 - 플러그인 설정 

'배너'라고 입력란에 검색을 하시면

위와 같이 HTML배너출력 이라는 플 러 그 인이 하나 있을겁니다.

그것을 클릭하고 확인을 해주세요.

애드센스 광고 달기

그런 다음

티스토리 관리에서 사이드바 항목으로 가셔서

HTML 배너출력을 클릭하시면

위 사진과 같이 사이드에 HTML배너출력 항목이 추가가 되면서 옆에 보시면 '편집'이 있을겁니다.

클릭 하시고 HTML소스에 구글 애드센스 광고코드를 삽입하시면 되는데요~

위에서 코드와 같이 형식을 바꿔주시고, 사이즈도 변경을 하신 후에

확인을 눌러주시면 되겠습니다.

애드센스 광고 달기

저는 오른편 사이드바에 두개의 광고를 추가했습니다.

요렇게 출력되면 정상적으로 하신 겁니다^^

지금까지 따라오시느라 너무 수고많으셨고요

끝까지 읽어주셔서 감사합니다.

오늘 내용 도움이되셨나요?

다음번에는 더 유용하고 좋은 콘텐츠로 찾아봽겠습니다.

감사합니다.