웹이야기 (23)
  1. 2012.08.06[Viewit] 티스토리(Tistory) 초대장 배포(165)
  2. 2012.06.23[HTML] 메타 태그를 사용하여 사이트 검색 로봇 액세스 차단 방법
  3. 2012.05.08[JavaScript] 웹 브라우저의 즐겨찾기 추가 스크립트(1)
  4. 2012.03.13[CSS] 초기화(Reset) 코드
  5. 2012.03.09구글 애드센스 원하지 않는 광고 차단 방법(1)
  6. 2012.03.05[JavaScript] 클릭 한번으로 고유주소(URL) 복사되게 하는 방법
  7. 2012.03.05[CSS] 구글 애드센스 광고를 특정페이지에 노출되지 않게 하는 방법
  8. 2012.03.04구글 애드센스 광고를 한국어 중심으로 노출시키는 방법
  9. 2012.03.04티스토리 검색 결과, 카테고리 글, 태그 리스트에 애드센스 삽입하는 방법
  10. 2012.03.03티스토리에 구글 애드센스 (AdSense) 섹션 타겟팅 적용하는 방법
[Viewit] 티스토리(Tistory) 초대장 배포

2012.08.08(수) 오전 10시 기준 [0명]까지 초대가 가능합니다.

※ '중요사항 안내'를 꼭 참고하시고, 2~3일 정도 여유를 갖고 기다려 주시기 바랍니다.

(초대장 발송 가능 인원이 0인 경우에 댓글을 남기면 삭제 처리합니다.)

티스토리 초대장(Tistory invitation) 배포 안내

티스토리(Tistory) 블로그 운영을 하기 위하여 가입을 원하시는 분들을 위해서 초대장을 배포합니다.

아래 내용을 읽어보시고 본 게시물에 [비밀글]로 댓글을 남겨주시면 됩니다. (※ 비밀글이 아니면 삭제 처리합니다.)

티스토리(Tistory) 초대 안내

필수 사항인 이메일 주소, 목적 또는 이유를 적지않고 댓글을 남기시면 삭제처리합니다.
  • 1) 초대 받으실 이메일 주소 (* 필수 사항)
  • 2) 티스토리 개설 목적(이유) (* 필수 사항)
  • 3) 기존에 운영하였던 블로그 또는 홈페이지 (싸이월드 미니홈피는 제외, 필수 사항은 아님)

초대장은 블로거의 활동 실적에 따라 지급되고, 모든 블로거에게 지급되는 게 아닙니다. 그렇기 때문에 그만큼 꼭 필요한 분들에게 쓰여야 합니다. [티스토리 '초대하기 전 확인해야 할 3가지']

티스토리(Tistory) 초대 중요사항 안내

신청시 이메일 주소 안내
  • 신청 불가한 이메일: @live.com(live.co.kr), @hotmail.com(hotmail.co.kr), @yahoo.com(co.kr) 등의 외국계 메일
  • 신청 가능한 이메일: 외국계 메일중 @google.com, @gmail.com, @me.com 가능, @hanmail.net, @naver.com 등의 국내 메일 주소로만 가능

티스토리(Tistory)는 네이버, 다음 등의 포털 블로그와는 운영과 관리하는 방식이 많이 다릅니다. 막상 호기심이나 서투른 계획을 잡고 초대장을 받아 개설해놓고 버려두는 경우가 많습니다. 이런분들이라면 초대장 신청을 자제하여주시기 바랍니다.

초대장은 선착순으로 보내드리는게 아니며, 저의 간략한 심사에 의하여 타당하다고 되는 분에 한해서 초대장을 발송해드립니다.

제가 선정하여 대상이 되신 분들께서는 남겨주신 이메일에 접속하여 초대장을 확인하시고, 발송일로부터 3일 이내에 티스토리 가입과 블로그 개설을 하셔야 하며, 이후에도 가입안하신 분들은 다른 분들을 초대하기 위하여 초대장을 초대 취소(회수)하니 이 점 양해 바랍니다.

165 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

[HTML] 메타 태그를 사용하여 사이트 검색 로봇 액세스 차단 방법

메타 태그(Meta tag)를 사용하여 사이트 검색 로봇 액세스 차단 방법

페이지가 다른 사이트에 연결되어 있더라도 페이지의 콘텐츠가 Google 웹 색인에 열거되지 않도록 완전히 차단하려면 no index 메타 태그를 사용합니다. 그러면 Googlebot이 페이지를 가져오는 즉시 no index 메타 태그를 보게 되고 해당 페이지가 웹 색인에 표시되지 않습니다.

메타 태그(Meta tag) 코드

이 방법은 서버에 대한 루트 액세스 권한이 없을 때 페이지별로 사이트에 대한 액세스를 제어할 수 있어 유용합니다. 어떤 로봇도 사이트의 페이지에 대해 색인을 생성하지 못하게 하려면 페이지의 <head> 섹션에 다음 메타 태그를 추가합니다.

<meta name="robots" content="noindex">

Google 로봇을 제외한 다른 모든 로봇이 사이트의 페이지에 대해 색인을 생성하도록 허용하려면 다음 메타태그를 추가합니다.

<meta name="googlebot" content="noindex">

다른 페이지에 연결되어 있는 경우에도 페이지에 noindex 메타 태그가 있으면 Google은 검색결과에 해당 페이지를 표시하지 않습니다. 하지만 다른 검색엔진에서는 이 태그가 다르게 해석될 수도 있으며, 이 경우 해당 페이지에 대한 링크가 검색결과에 표시될 수 있습니다.

페이지를 크롤링해야 noindex 메타 태그가 있는지 알 수 있으므로 Googlebot이 크롤링하지 않은 경우 noindex 메타 태그를 확인하지 못해 올바르게 처리하지 못할 수도 있습니다. 페이지가 계속 검색결과에 표시된다면 태그를 추가한 이후 Google에서 사이트를 아직 크롤링하지 않았기 때문일 가능성이 큽니다. 또한 robots.txt 파일을 사용하여 해당 페이지를 차단할 경우에도 태그를 확인할 수 없습니다.

내용 출처/참고 자료 Google 웹마스터 도구: 도움말
0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

[JavaScript] 웹 브라우저의 즐겨찾기 추가 스크립트

현재 페이지 즐겨찾기 추가 기능

즐겨찾기 추가 기능은 JavaScript로 구현하여 웹 브라우저의 즐겨찾기 추가 기능을 활용합니다.

Internet Explorer, Firefox, Opera에서만 지원하며, 그 외의 웹 브라우저는 알림메시지를 보여줍니다.

현재 페이지 즐겨찾기 추가 구현 JavaScript

JavaScript 코드 안내
  • • 아래의 링크를 클릭하면 기능을 시험해보실 수 있습니다.

JavaScript 코드 적용 방법 및 다운로드

JavaScript 코드 삽입 화면
  • 스킨 페이지(Skin.html)의 <head> 와 </head> 사이에 아래의 코드가 적용되어야 합니다.

<head>
<script>
function addBookmark(){
//var title = "[Viewit] 통신, IT, 모바일, 스마트폰 앱스 블로그";
//var url = "http://viewit.kr";
var title = document.title; //현재 보고 있는 페이지의 Title
var url = location.href; //현재 보고 있는 페이지의 Url
if(window.sidebar && window.sidebar.addPanel){ // Firefox
window.sidebar.addPanel(title, url,"");
}
else if(window.opera && window.print){ // Opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all){ // Internet Explorer
window.external.AddFavorite( url, title);
}
else{
alert("이용하시는 웹 브라우저는 기능이 지원되지 않습니다.\n\nCtrl+D 키를 누르시면 즐겨찾기에 추가하실 수 있습니다.");
return true;
}
}
</script>
</head>

JavaScript 코드 사용 방법
  • 활용할 때에 사용해야 할 코드입니다.

<a href="javascript:addBookmark();">이 페이지를 즐겨찾기에 추가하기</a>

JavaScript 코드 문서 다운로드

내용 출처/참고 자료 Lael's World (http://lael.be/469)
1 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

[CSS] 초기화(Reset) 코드

CSS (종속형 시트, Cascading Style Sheet: 캐스케이딩 스타일 시트)

웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일 시트이며 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하여 더 편리하게 코딩할 수 있습니다.

CSS 초기화(Reset) 코드

<style type="text/css">
@charset "utf-8";

/* base */
body{font:0.75em Gulim, "굴림", Dotum, "돋움", sans-serif;color:#333}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%}
ul, ol, li{list-style:none}
fieldset, img{border:none}

/* a-style */
a{color:#333333;text-decoration:none}
a:hover, a:active{color:#FF4500;text-decoration:underline}
</style>

CSS 코드 문서 다운로드

0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

구글 애드센스 원하지 않는 광고 차단 방법

구글 애드센스 원하지 않는 광고주 차단 안내

애드센스 광고 중 텍스트 또는 이미지 광고일 경우 광고주 URL을 알아내어 원하지 않는 광고를 차단할 수 있습니다.

차단하고자 하는 광고의 URL(주소)을 알아내고자 광고를 클릭 하게 되면 부정클릭으로 취급되어 제재를 받을 수 있습니다.

구글 애드센스 원하지 않는 광고주 차단 방법

다음의 이미지와 설명을 참조하시면 쉽게 이용해보실 수 있습니다.
  • • 차단하고자 하는 해당 광고위에 마우스를 올리고 오른쪽 버튼을 눌러 메뉴를 호출하여 '바로 가기 복사(T)'를 선택합니다.
    (Windows 버전 또는 Internet Explorer 버전에 따라 문구가 '링크 주소 복사' 일 수 있습니다.)
  • • 메모장, 워드패드와 같은 텍스트 편집기를 실행합니다. 혹은 텍스트가 입력 가능한 프로그램이면 됩니다.
  • • 위에서 복사한 광고 URL을 메모장에 붙여 넣기를 하고, adurl이라는 값을 찾습니다. 그다음 http:// 로 시작하는 주소를 복사합니다.
  • • 구글 애드센스 홈페이지 로그인하고, 광고 및 허용 차단(①) > 차단 옵션(②) > '광고주 URL(③)'으로 이동합니다.
  • • 광고주 URL에서 복사한 광고주 URL을 붙여 넣기하고 URL 차단을 실행합니다.
  • • 이제 특정 광고를 차단하였습니다. 차단한 광고가 다시 보이길 원하면 광고주 URL에서 차단을 해제할 수 있습니다.

1 Comment,  0  Trackback
  • 안녕하세요. 이번에 새롭게 개설된 애드센스 포럼입니다.
    애드센스에 대한 연구, 활용팁, 수익률 증진을 위한 커뮤니티 입니다.
    정보를 나눠주시고 애드센스에 대한 이야기를 함께 나누고 싶어서 댓글을 남겨봅니다.
    활용팁을 나눠 주신다면 정말 큰 도움이 될 것 같습니다.
    꼭 방문해주세요. https://www.facebook.com/SenseKorea 감사합니다.

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

[JavaScript] 클릭 한번으로 고유주소(URL) 복사되게 하는 방법

클릭시 고유주소(URL)를 복사하는 기능

자동 복사 기능은 JavaScript를 활용하여 구현해볼 수 있습니다.

(아래와 같이 복사 버튼을 클릭했을 때 클립보드에 클립보드에 복사할 수 있게 하는 기능입니다.)

Google 크롬에서는 작동되지 않습니다.

클릭시 자동 복사 구현 JavaScript

JavaScript 코드 안내
  • • 아래의 링크를 클릭하면 기능을 시험해보실 수 있습니다.

고유주소(URL) 복사 기능 적용 화면
  • • 스킨 페이지(Skin.html)내의 <header> 와 <header> 사이에 아래의 코드를 삽입하시기 바랍니다.

<header>
<script language="JavaScript">
// http://viewit.kr
function copyUrl(){
if(window.clipboardData.setData('Text', location.href)){
alert('선택하신 게시물의 고유주소(URL)가 클립보드에 복사되었습니다.\n\Ctrl + V 또는 붙여 넣기를 선택하여 이용하시기 바랍니다.');
}
}
//-->
</script>
</header>

JavaScript 코드 문서 다운로드

0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

[CSS] 구글 애드센스 광고를 특정페이지에 노출되지 않게 하는 방법

구글 애드센스 광고를 특정페이지에 노출되지 않게 하는 방법

부득이하게 특별한 상황으로 인해 특정 페이지에 광고를 노출되지 않게 해야 할 경우에 이용하실 수 있습니다.

구글 애드센스 광고 노출 막기

일반적으로 애드센스 광고틀을 만들 때 <div class="이름">애드센스 코드</div>와 같은 방식으로 하는 게 일반적입니다.

이러한 경우, div 속성 중 display:none 값을 이용하여 간단하게 애드센스 광고 노출을 막을 수 있습니다.

애드센스 광고 노출 막기 이용안내
  • • 아래는 div 광고틀의 값이 GoogleAdSense로 되어 있을때의 코드입니다. (예: <div class="GoogleAdSense">애드센스 코드</div>)

<style type="text/css">
.GoogleAdSense { width:0px;height:0px;display:none !imporant; }
</style>

CSS 코드 문서 다운로드

0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

구글 애드센스 광고를 한국어 중심으로 노출시키는 방법

구글 애드센스 광고를 한국어 중심으로 노출시키는 방법

애드센스는 기본적으로 페이지의 내용(문맥)에 맞는 광고를 노출하기 때문에 한국 사이트가 아닌 외국 사이트 광고도 노출됩니다.

이러한 문제점을 애드센스 광고에 한 줄 코드를 삽입하는 것만으로도 어느 정도 까지는 해결이 가능하며, 100% 한국어만을 노출시키지는 못하며, 한국어로 작성된 페이지에만 적용해야 합니다.

본 광고 Language 옵션은 정책위반이 아니며, 타켓팅에 어려움을 겪는 게시자분들께 구글 애드센스 팀에서 제공하는 추가 코드입니다.

구글 애드센스 광고 옵션 적용하는 방법

애드센스 광고 기본 HTML 태그
  • • 아래는 애드센스 광고 옵션을 적용하지 않은 코드입니다.

<script type="text/javascript"><!--
google_ad_client = "ca-pub-000000000";
/* 페이지 상단 [좌측] (336x280) */
google_ad_slot = "00000000";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

애드센스 광고 한국어 옵션 적용 HTML 태그
  • • 아래의 코드를  를 찾은 다음 바로 아래에 다음과 같은 코드를 삽입합니다.

(아래의 내용을 클릭하면 코드가 복사됩니다.)


애드센스 광고 옵션 적용 HTML 태그
  • • 아래는 애드센스 광고 한국어 언어 옵션을 적용한 코드입니다.

<script type="text/javascript"><!--
google_ad_client = "ca-pub-000000000";
/* 페이지 상단 [좌측] (336x280) */
google_ad_slot = "00000000";
google_ad_width = 336;
google_ad_height = 280;
google_language = "ko";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

티스토리 검색 결과, 카테고리 글, 태그 리스트에 애드센스 삽입하는 방법

검색 결과, 카테고리 글 전체보기, 태그 리스트 페이지에 애드센스 삽입

간단한 코드 삽입만으로 자신이 운영하는 티스토리 블로그 페이지 전체에 광고를 삽입할 수 있습니다. (아래 이미지 참조)

애드센스 광고 삽입하기 [검색 결과 및 카테고리 글 전체 보기] 페이지

섹션 타겟팅 적용 HTML 태그
  • • 티스토리 스킨(skin.html ) 페이지 내에서  를 찾아서 아래와 같은 내용이 있는지 확인합니다.

(아래의 내용을 클릭하면 코드가 복사됩니다.)


[검색 결과 및 카테고리 글 전체 보기] 페이지 광고 적용 화면
  • • 스킨(skin.html) 페이지에 다음과 화면과 같이 코드가 삽입되어있어야 합니다.

<s_list>
<h2>
'[ ##_list_conform_## ]'에 해당하는 글 [ ##_list_count_## ]개</h2>
<-- 검색 결과 광고 -->
광고 코드 삽입란 (728x90 광고 사이즈 추천)
<-- 검색 결과 광고 -->

애드센스 광고 삽입하기 [태그 리스트] 페이지

섹션 타겟팅 적용 HTML 태그
  • • 티스토리 스킨(skin.html ) 페이지 내에서  를 찾아서 아래와 같은 내용이 있는지 확인합니다.

(아래의 내용을 클릭하면 코드가 복사됩니다.)


[태그 리스트] 페이지 광고 적용 화면
  • • 스킨(skin.html) 페이지에 다음과 화면과 같이 코드가 삽입되어있어야 합니다.

<s_tag>
<h2>태그 (Tag)</h2>
<-- 태그 리스트 광고 -->
광고 코드 삽입란 (728x90 광고 사이즈 추천)
<-- 태그 리스트 광고 -->

0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

티스토리에 구글 애드센스 (AdSense) 섹션 타겟팅 적용하는 방법

애드센스 섹션 타겟팅(AdSense Section Targeting)

섹션 타겟팅을 이용하면 사이트 콘텐츠에 맞는 광고를 찾을 때 더 큰 비중을 두거나 무시하길 원하는 섹션을 지정할 수 있는데, 이러한 설정을 통해 웹사이트에서 게재되는 광고의 타겟팅 정확도를 높일 수 있습니다.

섹션 타겟팅을 이용하려면 애드센스 코드에 특수 HTML 코멘트 태그를 추가해야 합니다. 이 태그는 광고 타겟팅에서 더 중요하거나 덜 중요한 것으로 지정하려는 섹션의 시작과 끝을 표시하게 됩니다.

애드센스 섹션 타겟팅 적용하는 방법

섹션 타겟팅 적용 HTML 태그
  • • 티스토리 스킨(skin.html ) 페이지 내에서  를 찾아서 아래와 같이 시작과 끝 코드를 삽입합니다.

(아래의 내용을 클릭하면 코드가 복사됩니다.)


섹션 타겟팅 적용 HTML 태그 적용 화면
  • • 스킨(skin.html) 페이지에 다음과 화면과 같이 코드가 삽입되어있어야 합니다.

<!-- google_ad_section_start -->
##_article_rep_desc_##
<!-- google_ad_section_end -->

섹션 타겟팅 제외 적용 HTML 태그


섹션 타겟팅 제외 적용 HTML 태그 적용 화면
  • • 스킨(skin.html) 페이지에 다음과 화면과 같이 코드가 삽입되어있어야 합니다.

<!-- google_ad_section_start(weight=ignore) -->
##_article_rep_desc_##
<!-- google_ad_section_end -->

애드센스 섹션 타겟팅에 관한 설명

자신이 원하는 개수만큼의 섹션에 대해 섹션 타겟팅을 지정할 수 있습니다. 하지만, Google은 결과를 보증하지 않으며 Google 크롤러가 사이트 변경사항을 인식하기까지 최대 2주가 소요될 수 있습니다.

이 기능이 제대로 작동하려면 섹션 타겟팅 태그 안에 상당량의 콘텐츠가 있어야 합니다. 콘텐츠가 충분하지 않으면 관련성이 낮은 광고가 게재되거나 광고가 전혀 게재되지 않을 수 있습니다. 또한, 이 기능은 사이트의 관련 콘텐츠에서 중요 섹션을 지정하는 데만 사용해야 합니다. 광고 타겟팅을 조작하여 페이지 콘텐츠와 관련없는 광고가 게재되게 하는 것은 애드센스 프로그램 정책에 위배됩니다.

0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)