반응형

티스토리 블로그 상단에 광고 2개 넣는 방법 

요즘 광고 트렌드는?

                                                            - 닌맘의 나를 그리다. - 



티스토리 블로그 상단에 광고 2개를 넣는 분들이 생각보다 많이 있는 것 같습니다. 

아마 블로그 상단에 광고 2개 노출이 요즘 광고 적용의 트렌드인 것 같습니다. 

필자도 지금까지는 상단 1개, 하단 1개의 광고를 적용했었는데 흐름에 맞게 한번 바꿔보았습니다.


* 티스토리 블로그 상단에 애드센스 광고 2개 넣는 방법

티스토리 블로그 관리자 화면에서 플러그인으로 설명한 광고 유형을 하단 1개로 변경합니다. 

 


다음은 티스토리 블로그 상단에 들어갈 광고 2개를 새롭게 만듭니다.

이번에 만드는 광고는 플러그인이 아닌 html로 광고를 삽입할 것입니다. 

애드센스 홈페이지에서 광고 - 광고유형 - 새광고단위를 클릭합니다.

광고 크기에서 336X280 1개, 300X250 1개의 광고를 만듭니다. 



다음은 아래 서식에 맞게 광고 코드를 입력합니다. 

PC 광고 코드에는 336X280 사이즈의 광고 코드를, 모바일 광고 코드에는 300X250 사이즈의 광고 코드를 입력하면 됩니다. 


<!-- PC 상단 광고 2개, 모바일 광고 1개 시작 -->

<div style="text-align:center;width:100%;">


<script>


if(window.getWindowCleintWidth()>=768){


document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:336px;height:280px;"data-ad-client="ca-pub-PC광고코드"data-ad-slot="PC광고코드"></ins>');


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


}


</script>


<script>


if(window.getWindowCleintWidth()>=768){


document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:336px;height:280px;margin-left: 20px;"data-ad-client="ca-pub-PC광고코드"data-ad-slot="PC광고코드"></ins>');


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


}


</script>


</div>


<div style="text-align:center;width:100%;">


<script>


if(window.getWindowCleintWidth()<768){


document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-모바일 광고코드" data-ad-slot="모바일 광고코드"></ins>');


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


}


</script>


</div>


<!-- PC 상단 광고 2개, 모바일 광고 1개 끝 -->


위의 서식에 맞게 광고 코드를 입력하였다면 서식을 모두 복사합니다. 

다음으로 티스토리 블로그 관리자 화면에서 꾸미기-스킨편집-html편집을 클릭합니다. 

article_rep_desc 바로 위에 방금 복사한 서식을 붙여넣기 합니다. 

Ctrl F를 눌러서 article_rep_desc 를 검색하면 쉽게 찾을 수 있습니다.



붙여넣기 후 적용버튼을 클릭합니다. 

이제 시간이 조금 지나면 아래와 같이 티스토리 본문 상단에 2개의 광고가, 모바일에는 1개의 광고가 노출됩니다.

방문자들에게 얼마나 어필이 될지는 모르겠으나 트렌드에 맞게 한동안 유지해볼 생각입니다. 




반응형
블로그 이미지

생활정보19

금융, 복지, 교육 등 핫한 정보를 알려드려요

,
반응형

티스토리 블로그에 gif 파일 용량 줄여서 올리는 방법

                                                            - 닌맘의 나를 그리다. - 




움직이는 사진, gif 파일을 티스토리 블로그에 올리려고 보니 

사진 한장 용량이 10M이 넘어가면 안된다고 합니다. 

이런... 

뺑글뺑글 움직이는 사진이 보기에 예쁜데 용량이 커서 못올렸다면 

이번 포스팅은 사진 용량을 줄이는 방법입니다. 


먼저 알씨가 본인 컴퓨터에 깔려있어야 합니다. 

아래 사진처럼 용량이 15.4MB가 나오고 있어서 티스토리 블로그에 안올라갑니다.




본격적으로 gif 파일 용량을 줄여보도록 하겠습니다. 

우선 본인이 용량을 줄이고 싶어하는 gif 파일에 

마우스 오른쪽 버튼을 클릭합니다. 

다음으로 알씨 - 이미지 크기 변경하기 순으로 클릭을 합니다. 



이미지 크기 변경 화면이 나옵니다. 

여기서 크기 - 비율로 조절하기를 선택하여

 70% 정도 설정 후 확인을 눌러보겠습니다. 



파일 크기변환이 완료되었습니다. 

속성에 들어가서 gif 파일 용량 크기를 확인해보겠습니다. 

7.90MB가 나왔습니다. 

이제 티스토리 블로그에 gif 파일을 올릴 수 있게 되었습니다. 



성당포구 바람개비가 돌아가는 사진입니다. 



익산 아이와 가볼만한 곳, 바람불면 성당포구 바람개비 구경하세요



반응형
블로그 이미지

생활정보19

금융, 복지, 교육 등 핫한 정보를 알려드려요

,
반응형

지금까지 구글 애드센스와 텐핑 광고를 적용하면서 티스토리 블로그를 운영했습니다. 

아주 소액이지만 수익은 나오고 있으나 다음 애드핏 광고는 방문자에게 노출만 되어도 수익이 난다고 하여 이번에 다음 애드핏 광고를 적용했습니다. 

과연 다음 애드핏 광고 적용하면 티스토리 블로그 수익이 증가할까요?

한달정도 테스트 후 애드센스, 애드핏, 텐핑 광고를 각각 비교 해봐야겠습니다. 

 

* 티스토리 블로그에 다음 애드핏 광고 적용 방법

검색 포털 사이트에서 다음 애드핏을 검색합니다. 

다음 애드핏 사이트에 접속하여 AdFit 가입하기를 클릭합니다. 

약관동의에 모두 체크를 한 후 다음단계로를 클릭합니다. 

가입 확인 및 인증단계입니다. 

필자는 사업자가 아니기 때문에 개인으로 체크를 하겠습니다. 

휴대폰 인증을 한 후 다음단계로를 클릭합니다. 

기본정보 입력란에 모든 정보를 입력합니다. 

사이트 주소는 티스토리 블로그 주소를 적었습니다. 

회사명은 필자의 티스토리 이름을, 사업장 주소는 집 주소를 입력했습니다. 

회원가입 완료 후 상단에 있는 광고관리를 클릭합니다. 

처음에는 전체매체 부분에 아무것도 없습니다. 

광고를 만들어 줘야하기 때문에 새 매체를 클릭합니다. 

매체명에는 티스토리 블로그 이름을, 매체 고유값에는 블로그 주소를 입력했습니다. 

입력이 되었으면 광고단위 등록을 클릭합니다. 

티스토리 블로그 사이드바 광고를 만들어 보겠습니다. 

광고단위명에는 알아보기 쉽게 PC사이드바 라고 적겠습니다. 

이제 블로그에 맞는 배너 크기를 선택해야 합니다. 

배너 크기는 티스토리 블로그 관리자 화면에서 플러그인을 눌러보면 Daum AdFit(PC)가 있습니다. 

Daum AdFit(PC)를 클릭해서 쭉 내려보면 사이드바 광고가 있는데 여기에 배너 크기가 적혀있습니다. 

160x160 으로 확인했으니 다시 광고단위 등록 화면에서 160x160을 선택하고 스크립트/SDK 발급을 클릭 후 소스를 복사합니다. 

다시 티스토리 플러그인 화면으로 와서 Daum AdFit(PC) 사이드바 광고에 복사한 소스를 붙여넣은 후 변경사항 적용을 클릭합니다. 

이제 티스토리 블로그 PC 화면에 사이드바 광고가 적용되었습니다.

 

반응형
블로그 이미지

생활정보19

금융, 복지, 교육 등 핫한 정보를 알려드려요

,