블로그에 계산기 붙이는 법

네이버 블로그

네이버 블로그 편집기(스마트에디터 ONE)는 다른 사이트의 계산기 코드(iframe)를 받지 않아요. 그래서 계산기를 글 안에 넣는 대신, 누르면 계산기가 열리는 카드와 배너를 써요.

방법 1. 글 안에 링크 카드 (추천)

1. 대시보드에서 도구를 고르고 네이버 블로그: 링크 카드의 주소를 복사해요. 모양은 https://business.avenpa.com/r/내코드?t=도구예요.
2. 네이버 블로그 글쓰기 화면에서 카드를 넣을 줄에 주소를 붙여 넣어요.
3. 잠시 뒤 계산기 이름·설명·그림이 든 미리보기 카드가 생겨요. 안 생기면 위쪽 도구 막대의 링크를 눌러 같은 주소를 넣어요.
4. 카드 위아래에 "아래 계산기에 내 사정을 넣어 보세요"처럼 한 줄을 써 두면 독자가 왜 눌러야 하는지 알아요.

독자가 카드를 누르면 Avenpa Tool 계산기가 열리고, 클릭과 가입이 내 대시보드에 잡혀요. 키는 필요 없어요.

방법 2. 블로그 옆 칸에 배너 (PC 화면)

1. 대시보드에서 네이버 블로그: 사이드바 배너 코드를 복사해요.
2. 내 블로그 → 관리 → 꾸미기 설정 → 레이아웃·위젯 설정으로 가요.
3. 아래쪽 위젯직접등록을 눌러 위젯 이름(예: 환불 계산기)을 쓰고, 코드 칸에 붙여 넣은 뒤 등록해요.
4. 레이아웃에서 새 위젯을 원하는 자리로 옮기고 적용을 눌러요.

사이드바 위젯은 PC 화면에서 보여요. 휴대폰 독자까지 닿으려면 방법 1의 링크 카드를 같이 쓰세요.

티스토리

1. 대시보드에서 키를 만들고(블로그 이름을 넣고 키 만들기), 도구를 골라 계산기 넣기 코드를 복사해요.
2. 글쓰기 화면 오른쪽 위의 기본모드를 눌러 HTML로 바꿔요.
3. 계산기를 넣을 자리에 코드를 붙여 넣고, 다시 기본모드로 돌아와 나머지 글을 써요.
4. 발행한 글을 열어 계산기가 보이는지 확인해요.

계산기 높이는 내용에 맞춰 자동으로 늘어나요. 블로그가 코드 뒤쪽의 <script>를 지우면 높이가 720px로 고정되고, 넘치는 부분은 계산기 안에서 스크롤돼요.

워드프레스

1. 대시보드에서 계산기 넣기 코드를 복사해요.
2. 글 편집기(블록 편집기)에서 +를 눌러 사용자 정의 HTML 블록을 넣어요.
3. 블록에 코드를 붙여 넣고 미리보기로 확인한 뒤 발행해요.

워드프레스닷컴(wordpress.com)의 무료 요금제는 iframe 코드를 지울 수 있어요. 그때는 네이버 블로그처럼 링크 카드 주소를 글에 붙여 넣어요.

블로그스팟(Blogger)

1. 대시보드에서 계산기 넣기 코드를 복사해요.
2. 글 편집 화면 왼쪽 위의 연필 모양 버튼을 눌러 HTML 보기로 바꿔요.
3. 계산기를 넣을 자리에 코드를 붙여 넣고 작성 보기로 돌아와 발행해요.

홈페이지·카페24·아임웹 등

1. 대시보드에서 사이트 이름으로 키를 만들고 계산기 넣기 코드를 복사해요.
2. 페이지 편집기의 HTML(코드) 블록이나 HTML 편집 화면에서 계산기를 보여 줄 자리에 붙여 넣어요.

계산기 아래의 "… & 자세히 보기 ↗" 링크를 빼야 하면 contact@avenpa.com로 문의해 주세요.

대시보드 숫자 읽기

1. 계산기 노출: 내 키가 든 계산기가 열린 횟수예요. 키마다 따로 보여요.
2. 링크 클릭: 링크 카드·배너·추천 링크·계산기 아래 링크를 누른 횟수예요. 링크 미리보기를 만들러 오는 봇은 세지 않아요.
3. 가입: 내 링크를 누른 뒤 30일 안에 어벤파 계정을 처음 만든 사람 수예요. 누가 가입했는지는 보이지 않아요.

수익 배분이나 정산은 없어요. 계산기는 무료로 쓰고, 숫자로 내 글이 얼마나 쓰이는지 볼 수 있어요.