애드센스 로딩 속도 광고 빨리 나오게 하는 방법에 대해서 알아보겠습니다. 자신의 웹사이트를 방문하는 방문자의 입장에서 컨탠츠에 관심이 있고 광고에는 관심이 없는 경우가 많습니다. 특히나 광고가 늦게 뜨면 빈 여백으로 남게 되는데, 이런 것이 페이지 속도를 늦추고 수익에 영향을 가져옵니다. 이에 대해서 알아보겠습니다
애드센스 로딩 속도
사실상 웹페이지 로딩 속도보다 느린 애드센스의 로딩 속도를 개선하는 방법에서 확실한 방법은 없습니다. 웹페이지의 최적화와 광고는 다르기에 서버 반응 속도가 달라 발생하는 조회 가능 수치를 개선을 해야 합니다
이는 웹페이지에 관련 스크립트를 구현해 웹페이지 로딩을 인위적으로 조절하여서 광고와 콘텐츠를 어느 정도 동기화 할 수 있는 것으로 페이지가 로딩된다는 기대와 함께 지연 대기 시간을 짧게 느껴지게 만드는 효과가 있습니다
코드
<body>
<!--로딩 대기-->
<div id="loadOverwrapper">
<div class="loader"></div>
</div>
웹페이지의 <body>가 시작하는 부분에 추가하면 되겠습니다
애드센스 광고 빨리 나오게 하는법
<!--로딩 대기-->
<script> function rmLoadOverwapper({
document.querySelector("#loadOverwrapper").style.display="none";
}
try {
document.querySelector("iframe[onload*='google']").onload=function(){ rmLoadOverwapper();
}
setTimeout(function(){
rmLoadOverwapper();
}, 2500);
}
catch(err) {
setTimeout(function(){
rmLoadOverwapper();
}, 2500);
}
</script>
</body>
를 </body> 앞에 다음 스크립트를 넣어줍니다.
/* 로딩 사이클 애니메이션*/
. loader {
margin: 5% auto;
height: 100px;
width: 100px;
border: 6px solid #fff;
border-right-color: #c30;
border-top-color: #c30;
border-radius: 100%;
-webkit-animation: spin 800ms infinite linear;
animation: spin 800ms infinite linear;
}
@-webkit-keyframes "spin" {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes "spin" {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
마지막 CSS 페이지에 넣어주고 저장 후 확인해 봅니다
티스토리
티스토리 2차 도메인 연결 SSL 보안 접속 문제와 검색엔진 해결법
티스토리 2차 도메인 연결 시 발생하는 SSL 보안 접속 문제와 검색 엔진 해결 방법에 대해서 알아보겠습니다. 티스토리 SSL 연결 시 인증서 정보가 달라서 발생하는 문제로 크롬 브라우저 접속 시
world.pe.kr
애드센스 승인 조건 심사에 대한 여러 오해들과 방법 핵심 요약
애드센스 승인 조건 심사에 대한 여러 오해들과 방법에 대해서 알아보겠습니다. 모든 플랫폼의 경우 종합적으로 판단하면 철저한 데이터와 자료 수집을 통해서 관련 문서를 경쟁하고 좋은 정보
world.pe.kr
애드센스 페이지 중복 해결 방법 수익 높이기
애드센스 페이지 중복 해결 방법을 알아보겠습니다. 이는 자바스크립트를 이용하여 구글 애드센스 중복 페이지 소스를 최소화하는 방식으로, 페이지 내에 관련 카테고리에서? categori 가 붙은 매
world.pe.kr
티스토리 네이버 색인 검색 안됨 도메인 중복 문제 해결법
티스토리 네이버 색인 검색에 대해서 알아보고 도메인 중복 원인 문제 해결 방법에 대해서 알아보겠습니다. 티스토리를 네이버에 등록하고 시간이 지나면 네이버에 색인이 되어서 점점 네이버
world.pe.kr
