[Tistory]08.구글 애드센스 광고 상하단 두 개 넣기

안녕하세요 유랑입니다.

오늘은 pc용 광고를 달아보겠습니다.

저번에 한 방식과 유사하나 html에 직접 코드를 붙여주니 잘 따라 와주세요^^

1. 구글 애드센스 PC

1-1) 새 광고 단위 생성

구글 애드센스 => 광고 단위 메뉴로 접속하시고 새 광고 단위를 클릭해 주세요.

pc는 직사각형 336 x 280 사이즈로 만들어 줄게요.

상단 2개, 하단 2개 총 4개를 만들셨으면 코드를 가져와 메모장에 복사해 주세요.

1-2) 티스토리에 광고 넣기

꾸미기 => 스킨 편집 => html 편집 버튼을 클릭합니다.

html은 티스토리의 UI적인 부분과 기능을 다루는 코드라고 보시면 되요.

어느 위치에 코드를 작성하느냐에 따라 상단 하단 위치도 나뉠 수 있어요.

html에 적용해야 할 코드는 다음과 같아요.

화면 크기에 맞게 절반 정도의 크기로 변환 시켜 준 뒤 광고 코드를 적용 가능해요.

광고코드작성.txt

단축키 Ctrl + F를 이용하여 

안녕하세요 유랑입니다.

오늘은 pc용 광고를 달아보겠습니다.

저번에 한 방식과 유사하나 html에 직접 코드를 붙여주니 잘 따라 와주세요^^

1. 구글 애드센스 PC

1-1) 새 광고 단위 생성

구글 애드센스 => 광고 단위 메뉴로 접속하시고 새 광고 단위를 클릭해 주세요.

pc는 직사각형 336 x 280 사이즈로 만들어 줄게요.

상단 2개, 하단 2개 총 4개를 만들셨으면 코드를 가져와 메모장에 복사해 주세요.

1-2) 티스토리에 광고 넣기

꾸미기 => 스킨 편집 => html 편집 버튼을 클릭합니다.

html은 티스토리의 UI적인 부분과 기능을 다루는 코드라고 보시면 되요.

어느 위치에 코드를 작성하느냐에 따라 상단 하단 위치도 나뉠 수 있어요.

html에 적용해야 할 코드는 다음과 같아요.

화면 크기에 맞게 절반 정도의 크기로 변환 시켜 준 뒤 광고 코드를 적용 가능해요.

광고코드작성.txt

단축키 Ctrl + F를 이용하여 를 찾아 주세요.

해당 코드를 기준으로 위측에 상단 광고 코드를, 밑에는 하단 광고 코드를 작성하시면 되요.

기존에 있는 코드와 헤깔릴 수 있으니 <!-- --> 주석을 이용하여 표시해 주었습니다.

적용하였으면 이제 확인해 보셔야 겠죠?

다음과 같이 상하단에 두 개의 광고가 보이면 성공입니다.

광고를 만드신 후 일정 시간이 지나야 광고가 표시되니 안보이신다면 잠시만 기다려 주세요^^

2. 마무리

오늘은 티스토리에 PC용 애드센스 광고를 달아보았습니다.

html을 이용하기 때문에 어려우실 수 있지만 차근차근 따라하신다면 크게 문제는 없으실 거에요.

다음 시간에는 포털 검색 사이트인 Zum에다가 티스토리를 등록하겠습니다.

오늘도 고생하셨습니다.

감사합니다.

를 찾아 주세요.

해당 코드를 기준으로 위측에 상단 광고 코드를, 밑에는 하단 광고 코드를 작성하시면 되요.

기존에 있는 코드와 헤깔릴 수 있으니 <!-- --> 주석을 이용하여 표시해 주었습니다.

적용하였으면 이제 확인해 보셔야 겠죠?

다음과 같이 상하단에 두 개의 광고가 보이면 성공입니다.

광고를 만드신 후 일정 시간이 지나야 광고가 표시되니 안보이신다면 잠시만 기다려 주세요^^

2. 마무리

오늘은 티스토리에 PC용 애드센스 광고를 달아보았습니다.

html을 이용하기 때문에 어려우실 수 있지만 차근차근 따라하신다면 크게 문제는 없으실 거에요.

다음 시간에는 포털 검색 사이트인 Zum에다가 티스토리를 등록하겠습니다.

오늘도 고생하셨습니다.

감사합니다.