티스토리 본문 상단 광고 2개 설정 방법feat 구글 애드센스 북클럽 스킨 모바일은 1개 연이어 나오는 설정
티스토리 블로그에 본문 상단에 광고를 두 개 설정하는 방법은 많은 블로거들이 광고 수익을 최적화하기 위해 궁금해하는 부분입니다. 특히 구글 애드센스를 통해 수익을 극대화하려는 목적이 있습니다. 이 글에서는 티스토리 본문 상단 광고 2개 설정 방법feat 구글 애드센스 북클럽 스킨 모바일은 1개 연이어 나오는 설정에 대해 자세한 내용을 설명하겠습니다.
1. 광고 설정을 위한 준비
티스토리 블로그에 광고를 설정하기 위해서는 먼저 구글 애드센스 계정이 필요합니다. 애드센스 계정이 없는 경우, 구글 웹사이트를 통해 신청 후 승인을 받아야 합니다. 승인 후, 아래 단계에 따라 광고 설정을 진행하실 수 있습니다.
1.1 구글 애드센스에서 광고 단위 생성
- 구글 애드센스에 로그인합니다.
- 대시보드에서 광고 탭을 클릭한 후 광고 단위를 선택합니다.
- 디스플레이 광고를 선택하고, 광고 단위 이름을 적습니다. 예시:
본문 상단 광고 2개(1) - 광고 유형을 사각형으로 선택하고, 크기는 반응형으로 설정합니다.
- 마지막으로 만들기를 클릭해 광고 코드를 생성합니다.
아래는 광고 설정을 위한 예시의 표입니다.
| 단계 | 설명 |
|---|---|
| 1단계 | 구글 애드센스 계정에 로그인 |
| 2단계 | 광고 단위 생성 -> 디스플레이 광고 선택 |
| 3단계 | 광고 이름 입력 -> 사각형 광고 타입 선택 -> 반응형 설정 |
| 4단계 | 코드 생성 후 메모장에 저장 |
1.2 광고 코드 복사 및 관리
- 생성된 광고 코드에서 자신의 애드센스 고유 번호(
pub-로 시작하는 코드)와 광고 번호(10자리 수)를 알아내어 안전한 곳에 기록해둡니다.
1.3 두 번째 광고 생성
- 첫 번째 광고 코드와 같은 방법으로 두 번째 광고도 생성합니다. 코드 복사 후 다음 단계로 진행합니다.
💡 티스토리 블로그에서 수익을 얻는 방법을 지금 확인해 보세요. 💡
2. 티스토리 스킨에서 코드 삽입하기
이제 생성된 광고 코드를 티스토리 블로그에 삽입하는 단계입니다. 티스토리는 HTML 편집을 통해 광고 설정을 지원합니다.
2.1 HTML 편집하기
- 티스토리에 로그인 후, 꾸미기 -> 스킨 편집 메뉴로 이동합니다.
- HTML 편집을 클릭한 후, 코드 편집 화면으로 진입합니다.
Ctrl + F를 눌러<div class=entry-content>을 검색합니다.
위 단계에서 검색된 코드 태그 아래로 생성된 광고 코드를 삽입합니다.
광고 코드 삽입 예시
2.2 광고 사이 간격 조정
- CSS를 활용하여 광고 사이의 간격을 조정할 수 있습니다. 예를 들어, 두 번째 광고에
margin-left: 20px;를 추가하여 간격을 늘릴 수 있습니다.
| CSS 속성 | 설명 |
|---|---|
margin-left |
광고 간의 간격 조절 |
display |
광고의 표시 방식 |
position |
광고의 고정 위치 |
💡 티스토리 블로그에 애드센스 광고 설정하는 방법을 지금 알아보세요. 💡
3. 모바일 설정 확인
모바일 디바이스 환경에서는 구글 애드센스의 정책에 따라 상단 광고가 1개만 보입니다. 따라서, 블로그가 방문자에게 어떻게 표시될지 확인하는 것이 중요합니다.
3.1 모바일 환경 테스트
- 블로그를 모바일로 열어보아야 하며, 적용된 광고가 1개만 표시되는지 확인합니다.
- 가능한 경우, 다양한 모바일 디바이스에서 테스트하여 가독성과 광고 표시 방식을 점검합니다.
3.2 반응형 디자인 고려
- PC에선 두 개의 광고가 한꺼번에 나와도 간섭이 없지만, 모바일 디바이스에서는 광고를 1개만 보여줘야 하므로 디자인적으로도 고려해야 합니다. 반응형 광고는 어떤 디바이스에서도 잘 보이도록 설정하십시오.
💡 티스토리 애드센스 승인 팁을 통해 높은 확률로 통과하는 비법을 알아보세요. 💡
결론
이번 글에서는 티스토리 블로그에서 구글 애드센스를 이용하여 본문 상단에 광고 두 개를 설정하는 방법을 다루었습니다. 이러한 설정은 광고 수익을 극대화하면서도 사용자 경험을 고려한 반응형 디자인을 사용할 수 있는 기회를 제공합니다. 광고 사이의 간격 조정과 모바일 환경에서의 테스트를 통해 최적의 설정을 이루어내시기를 바랍니다.
💡 애드센스로 블로그 수익을 올리는 비결을 알아보세요. 💡
자주 묻는 질문과 답변
💡 티스토리 블로그에 애드센스를 효과적으로 등록하는 방법을 알아보세요. 💡
Q1: 티스토리에 광고를 2개 설정하려면 어떤 준비가 필요한가요?
답변1: 광고를 생성하기 위해 구글 애드센스에 로그인을 하고, 새로운 광고 단위를 생성하며 반응형 사각형 광고를 선택해야 합니다. 이후 생성된 코드를 복사하여 티스토리 스킨 HTML에 삽입합니다.
Q2: 모바일에서는 왜 광고가 하나만 보이나요?
답변2: 구글 애드센스 정책에 따라 모바일 디바이스에서는 상단에 하나의 광고만 허용되기 때문입니다. 이는 모바일 사용자의 경험을 개선하고 페이지 로딩 속도를 유지하기 위한 조치입니다.
Q3: 광고 코드를 티스토리에 삽입하는 방법은 무엇인가요?
답변3: HTML 편집 모드에서 <div class=entry-content> 태그를 찾아 그 아래에 광고 코드를 삽입합니다. 이 위치는 티스토리의 본문 상단을 의미하며, 스킨에 따라 위치가 조금씩 달라질 수 있습니다.
Q4: 광고 사이의 간격을 조절하려면 어떻게 해야 하나요?
답변4: CSS를 통해 광고 코드 사이에 margin-left 속성을 추가하여 조절할 수 있습니다. 예를 들어, 두 번째 광고에 margin-left: 20px;를 적용하면 첫 번째 광고와의 간격을 늘일 수 있습니다.
Q5: 광고 적용 후 문제가 발생했을 때 어떻게 해결하나요?
답변5: 광고가 제대로 표시되지 않을 경우, HTML 코드를 다시 검토하고, 모든 태그가 올바르게 닫혔는지 확인합니다. 필요한 경우 구글 애드센스에서 새 코드를 받아 적용하거나 티스토리 지원팀에 문의할 수 있습니다.
이 포스팅은 티스토리 블로그에서 구글 애드센스를 통해 성공적으로 광고 수익을 창출하는 데 필요한 필수 정보를 제공합니다. 모든 단계는 상세히 설명되었으니, 쉽게 따라하실 수 있을 것입니다.
티스토리 본문 상단에 구글 애드센스 광고 2개 설정하는 방법 (모바일 1개 연이어 표시)
티스토리 본문 상단에 구글 애드센스 광고 2개 설정하는 방법 (모바일 1개 연이어 표시)
티스토리 본문 상단에 구글 애드센스 광고 2개 설정하는 방법 (모바일 1개 연이어 표시)