티스토리 수익 극대화: 구글 애드센스와 수동 광고 최적화 방법,수동광고 안나올때 해결법(1분만에 해결 가능)

티스토리 블로그를 운영하며 수익을 극대화하기 위해서는 다양한 광고 방식을 활용하는 것이 중요합니다. 구글 애드센스 광고 외에도 수동 광고를 추가하면 수익을 더욱 높일 수 있다는 사실을 알고 계시나요? 초반에는 수익이 잘 나다가 어느 순간부터 광고가 나오지 않는 문제를 겪고 있다면, 이번 글에서 그 해결책을 제공해 드리겠습니다.

 

보통 서식을 활용해서 많이 넣으시니 서식기준으로 설명드리겠습니다.

여기서 글쓰기 모드를 html 모드로 수정합니다.

아마 처음 구글 애드센스에서 코드를 복사하면 아래 사진처럼 되어 있을 거에요.

초기코드

 

근데 만약에 수정를 하게 되어 기본 모드로 가게되면 코드의 형태가 바뀝니다.

<p> 태그가 생기고 코드의 형태가 가로로 길게 늘여진게 확인 되시죠 ??

 

수정코드

 

 

자 이제 해결 방법을 알려드릴게요 !!

해결 코드

 

방법은 어렵지 않습니다. 바로 광고 코드를 위아래로 <div></div> 코드를 넣는 것 입니다.

<div> 는 기본 태그 인데 아마 이코드가 광고코드 형태가 깨지는 걸 막아줌으로써 광고가 잘 나오는 것 같습니다.

 

 

해결 수정 코드

 

사진을 잘 확인 해보시면 그냥 수정 코드와 차이는 <p></p> 태그가 없는 거 보이시죠 ?? 

제가 말씀드린 것처럼 <div> 태그를 사용하므로 묶음으로 되어서 p 태그가 안생긴 것 같아요.

 

 

자세한 설명

<script> 태그 안에 <p> 태그가 생기면서 형식이 깨지는 문제는 HTML 파서의 동작 방식과 관련이 있습니다. HTML 파서는 특정 태그를 만났을 때 자동으로 다른 태그를 추가하거나 닫을 수 있습니다. 이 과정에서 예상치 못한 <p> 태그가 삽입되어 형식이 깨지는 경우가 생깁니다.

 

HTML 파서의 동작 원리

HTML 파서는 문서를 해석하면서 특정 상황에서 자동으로 태그를 추가합니다. <p> 태그는 블록 레벨 요소로, 다른 블록 레벨 요소를 만났을 때 자동으로 닫힐 수 있습니다. 예를 들어, <script> 태그는 블록 레벨 요소로 간주되지 않지만, <p> 태그 안에 블록 레벨 요소가 포함되면 <p> 태그가 자동으로 닫힙니다.

<div> 태그의 역할

<div> 태그는 블록 레벨 요소입니다. <script> 태그를 <div> 태그로 감싸면 파서는 <p> 태그를 자동으로 닫지 않습니다. 이는 <div>가 블록 레벨 요소로, <p> 태그가 시작되거나 끝나는 지점을 명확히 하기 때문입니다.

 

예시

<!-- 문제가 발생하는 경우 -->
<script>
  console.log("Hello, world!");
</script>
<!-- 파서가 <p> 태그를 자동으로 닫을 수 있습니다 -->

<!-- <div>로 감싸서 해결하는 경우 -->
<div>
  <script>
    console.log("Hello, world!");
  </script>
</div>
<!-- <div>가 블록 레벨 요소로 작동하여 <p> 태그를 자동으로 닫는 문제를 방지합니다 -->

 

위와 같은 방식으로 <div> 태그를 사용하면 파서가 <p> 태그를 자동으로 닫는 문제를 방지할 수 있습니다.

결론

HTML 파서는 문서 구조를 해석할 때 자동으로 태그를 추가하거나 닫을 수 있습니다. <script> 태그 안에 예상치 못한 <p> 태그가 생기는 문제는 이러한 파서의 동작 때문에 발생합니다. 이를 방지하기 위해 <div>와 같은 블록 레벨 요소로 감싸는 것은 <p> 태그 자동 삽입을 막아주는 효과적인 방법입니다.

 

티스토리 블로그에서 구글 애드센스와 수동 광고를 최적화하여 수익을 극대화하려면, HTML 파서의 특성을 이해하고 <div> 태그를 적절히 활용하는 것이 중요합니다. 광고가 나오지 않는 문제를 해결하려면 광고 코드를 <div> 태그로 감싸서 <p> 태그가 자동으로 삽입되는 것을 방지하세요. 이러한 작은 수정이 광고 노출에 큰 영향을 미칠 수 있습니다.

블로그 운영 중 발생하는 문제를 해결하며 지속적으로 개선해 나가는 과정은 블로거로서의 성장에 큰 도움이 됩니다. 여러분의 블로그 수익이 더욱 증가하길 바랍니다.

모두 성공적인 블로그 운영 되세요!