소득 증대

애드센스 수익 높이는 티스토리 링크 버튼 만드는 방법

얼리버드 앙리 2024. 10. 4. 13:49
반응형

 

티스토리 링크 버튼으로 애드센스 수익 높이는 방법

애드센스의 전면광고를 활용하는데 있어 필요한 링크 버튼을 만들어 보겠습니다. 

링크 버튼을 적용한 경우, 애드세스의 수익이 높아지는 경우가 많다고 합니다. 

 

1. 링크버튼 코드 생성

 

무료 링크버튼 만들기 사이트 바로가기 ☞

 

이 사이트에서 Text에 원하는 문장을 입력합니다. 여기서 예시는 '바로가기 ☞' 입니다.

위 화면과 같은 링크 버튼이 만들어져, 'Get Code'를 클릭합니다.

코드는 두부분으로 구성되며 아래와 같습니다.

<a href=.....> 부분은 서석 등록에 사용하며,

.myButtom {//// 영역은 티스토리의 테마 스킨 CSS에 추가하면 됩니다.

 

2. 티스토리에 코드 적용하기

 

티스토리 관리자 화면으로 가서 '꾸미기 > 스킨 편집'을 클릭합니다.

오른쪽 상단에 있는 'html 편집'을 선택합니다.

CSS를 선택하고,

가장 아래로 내려가서 앞서 버튼 생성 사이트에서 만든 코드 중 myButton 영역을 copy하여 paste 합니다.

그리고 나서 적용합니다. 

 

3. 서식만들기

 

이제 글쓰기에서 버튼을 사용하기 쉽게 하기 위하여 '서식'을 만들어 둡니다.

 

서식관리를 선택합니다.

 

서식 화면에서 오른쪽 상단은 HTML을 선택하면, 검은색 화면이 나옵니다.

여기에 버튼 링크 생성시 만들어진 코드 중 <a href=.... 부분을 복사해 붙혀넣습니다.

제목을 적절히 입력합니다. 이 예시에서는 '바로가기 버튼'으로 했습니다.

 

4. 글쓰기에서 활용하기 

 

이제 글쓰기에서 이 서식을 선택하여 작성하면됩니다.

링크를 만들때 링크 주소는 HTML 모드에서 href="#" 부분의 # 대신 원하는 주소를 입력하면 됩니다.

예시의 HTML 내용입니다.

<a class="myButton" href="https://www.bestcssbuttongenerator.com/">무료 버튼 링크 만들기 바로가기 ☞</a></p>

 

반응형