아침엔아메리카노 블로그

안녕하세요, 오늘은 티스토리에 최근에 알게된 텐핑 소문박스를 달아보려고 합니다. 제일기획 사내 TF로 시작해 지난해 7월 별도 법인으로 독립한 텐핑은 누구나 쉽게 광고를 소문내고, 소문을 낸 공유자는 그 효과에 따라 일정 수익을 배분 받는데요.

애드센스보다 수익률은 떨어지지만 텐핑은 기본적으로는 CPC 더나아가 CPS, CPA, CPI등 다양한 광고 형식을 지원하고, 간편하게 광고를 삽입할 수가 있어서 요즘 블로거들이 많이 선호하는 서비스인 것 같습니다.

- 여기서 CPC란?

CPC(Cost Per Click) : 광고 클릭수에 따라 광고비를 지불하거나 수익을 얻는다.

CPA (Cost Per Action) : 소비자가 특정 액션을 취할때 마다 광고비를 지불하거나 수익을 얻는다.(ex 회원가입/이벤트참여/설문조사 등)

CPS (Cost Per Sale) : 실질적인 매출이 발생했을때 발생건수에 따라 광고비를 지불하거나 수익을 얻는다.

CPI (Cost Per Install) : 스마트폰 어플 등 프로그램의 설치할때 설치된 기기 수에 따라  광고비를 지불하거나 수익을 얻는다.

CPM (Cost Per Mille) : 1000회 노출당 광고단가로, 노출수에 따라 광고비를 지불하거나 수익을 얻는다.

특히 저같은 경우는 구글 애스센스 검토가 3일이 지나고, 한달이 지나도 소식이 없어서 임시로 텐핑을 달아보았는데요, 수익은 아직 미미하지만, 추후 수익이 발생한다면 그 내용은 따로 포스팅하도록 하겠습니다. 

 블로그에 텐핑(모바일/PC) 광고(소문박스) 달기 

1. 텐핑 가입하기

- 텐핑 홈페이지로 접속 후 회원가입을 합니다.

- 회원가입 절차는 간단하며 인증번호를 받고, 약관에 동의하면 회원가입에 성공하게 됩니다.

- 참고로 회원 가입하시고 선후배 맺기에서 loveydovey4500@gmail.com을 입력해주시면 선후배가 함께 추가 인센티브를 받는다고하니 등록해주시면 더 좋을 것 같네요^^

2. 텐핑 모바일 광고 삽입하기

- 회원가입 후, 홈페이지에 접속하면 왼쪽 메뉴에서 소문박스를 클릭합니다.

- 그러면 위 화면처럼 광고코드(일부가림)가 보이는데 그대로 복사합니다.

- 그런다음 티스토리 관리자메뉴에서 플러그인 설정 -> 텐핑 (모바일용)을 클릭하신다음 복사한 광고코드를 그대로 삽입하면 모바일기기에서 해당 광고가 노출되게 됩니다.

3. 텐핑 PC 광고 상단에 삽입하기

- 티스토리에 PC에서 보이는 광고를 삽입하고 싶으시면 관리자 메뉴 > HTML/CSS 편집화면으로 들어갑니다.

- 그러면 HTML/CSS 소스코드가 보이는데 여기서 소스코드 아무데나 클릭하시고 Ctrl+F를 누른다음  을 검색합니다. 그러면 위에서 보이는 화면처럼 해당영역으로 이동하게되는데 거기다가 소문내기에서 복사해온 소스코드를 삽입해주시면 광고가 노출되게 됩니다. 

[소스코드 삽입 예시]

<div class="article">

// 텐핑 소문내기 소스코드 삽입 위치(광고는 되도록 작은형태로)

<div>

이상으로 텐핑 광고 삽입에 대한 블로깅을 마칩니다.

공부도 할겸, 블로그 운영을 시작하겠다고 마음 먹고 글을 올리는데

가장 신경쓰이던 부분이 폰트였습니다. 왠지 제가 쓴글은 가독성도 떨어지고 난잡해보이기까지 합니다. 필력은 지속적으로 포스팅하다보면 좋아질거라고 믿고 폰트를 찾아봤는데 "나눔고딕"을 많이들 쓰시더라구요.

많이 쓰는데에 이유가 있는법, 대세를 따라가기로 했습니다.

그래서!! 오늘은 나눔고딕 웹폰트를 적용해보겠습니다.

여기서 웹폰트란?

코드에 import한 글꼴을 웹 브라우저상으로 사용할 수 있게 해줍니다.

간단하게 말해서 웹브라우저 위에서 적용한 폰트를 모든 사용자에게 보여준다는건데요, 그럼 설치해볼까요.

저는 간편한 CSS import 방식으로 진행할게요.

▶ 적용해보기

https://fonts.google.com/earlyaccess

▲ 해당 사이트에 접속하셔서 Nanum Gothic을 찾으셔도 되고 제가 가져온 내용을 참고하셔도 될 것 같네요.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

Example

font-family: 'Nanum Gothic', sans-serif;

[블로그에 적용하기 - 예제]

▶ @import 추가

이제 준비는 되었으니 코드를 삽입해볼께요.

1. 위 코드를 복사하여 티스토리 관리메뉴 > HTML/CSS 편집으로 갑니다.

2. CSS 탭상자 클릭후 최상단에 코드를 삽입합니다. @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

▶ 기존 font-family 속성에 'Nanum Gothic' 추가

1. 편집창에서 Ctrl + F로 font-family 검색, 기존 font-family가 적용되어 있는 곳을 찾아서 그 밑에 추가해줍니다. 

(기존 font-family 속성 대신 입력하시거나, 주석처리 하셔도 무방합니다)

2. 블로그에 적용된 스킨이 다르면 위 코드 내용과 다를 수 있지만 똑같이 font-family 속성을 검색하여 바꿔주시면 됩니다.

1. 위 과정에서 body 태그 안에 넣었으니 적용되었겠지만 저는 article css도 변경해주었습니다. (본문 영역)

2. article css가 없으셔도 위 과정에서 대부분 적용될 것 입니다.

[적용 완료 화면] 

- 블로그 글쓰기 글꼴에 나눔고딕 선택하는 항목이 없다고 당황하지마시고, 글을 쓰신다음에 확인해보면 나눔고딕이 적용되는걸 확인하실수 있습니다.