728x90 반응형 티스토리 광고 전략 ① 직접 클릭을 부르는 광고 타겟팅 돈 벌기 위해 광고를 달지만 광고를 단다고 모두 돈 버는 것은 아니다. 결과적으로 방문자가 광고를 클릭해야 돈을 번다. 그럼 방문자가 광고를 클릭하게 할 방법은 없을까? 결론적으로 광고 클릭을 강제할 수는 없다. 그러나 광고 클릭을 최대한 유도할 수는 있다. 바로 광고 클릭을 위한 운영을 하고 광고 클릭에 맞는 환경을 만드는 것이다. 이것을 이해하는 것이 중요하다. 또 필요성도 느껴야 한다. 이를 위해 먼저 광고 클릭에 대해 생각해 봐야 한다. 나는 광고 클릭을 직접 클릭과 실수 클릭 그리고 불가 클릭으로 구분 지었다. 말 그대로 직접 클릭은 방문자가 광고를 직접 클릭하는 것을 말하고, 실수 클릭은 방문자가 광고를 실수로 클릭하는 것을 말하며, 불가 클릭은 방문자 환경에 따라 광고 클릭이 불가하거나 방문.. 2022. 3. 8. 티스토리 스크롤 반응 사이드바 투명도(opacity) 적용 나는 화면의 데드 스페이스를 줄이고 공간 활용도를 높이기 위해서 본문을 정중앙에 두고 사이드바를 좌우로 2개 운영하고 있다. 사이드바를 화면 좌우 2개 적용하는 방법은 아래 글을 참고하자. 티스토리 사이드바 화면 좌우 2개 운영 그런데 사이드바가 늘어난 만큼 광고를 하나라도 더 넣을 수 있어서 분명 좋은 것은 맞으나, 결과적으로 여백이 없기 때문에 답답한 감이 있고 본문 집중도가 현저히 떨어진다. 나 스스로도 이러한데 방문자의 피로도는 심하면 심했지 덜하진 않을 것이기에, 나는 방문자가 필요로 할 때에만 사이드바 나타나게 해야겠다고 생각했다. 본 글은 사용자 환경 개선을 위해 스크롤에 따라 사이드바를 사라지고 나타나게 하는 방법에 대한 글이다. HTML 삽입 미리보기할 수 없는 소스 1] 미리 보기 본 .. 2022. 3. 3. 티스토리 구글애드센스 인피드 광고 본 글은 티스토리에 구글 애드센스의 인피드 광고를 적용하는 방법에 대한 글이다. 인피드 광고는 코드만 삽입하면 목록 사이 사이에 광고가 자동으로 나오며, 콘텐츠들과 어우러지기 때문에 마치 콘텐츠처럼 보여서 웹사이트 방문자의 클릭을 이끌어 낼 수 있다. 북클럽 스킨을 기준으로 설명하며, 아래 구글 애드센스 고객센터의 내용도 한 번쯤 확인해 보기 바란다. 구글 애드센스 고객센터 - 인피드 광고 HTML 삽입 미리보기할 수 없는 소스 1] 광고 코드 생성 먼저 광고 코드를 생성한다. 구글 애드센스 ▶ 광고 ▶ 개요 ▶ 광고 단위 기준에서 인피드 광고를 클릭한다. 아래와 같이 인피드 광고를 어떻게 만들지 선택하는 페이지가 나온다. 'Google에서 추천하는 스타일 확인'은 인피드 광고를 어디에 어떻게 넣는 게 .. 2022. 3. 2. 티스토리 구글애드센스 멀티플렉스 광고 (일치하는 콘텐츠) 본 글은 구글애드센스의 멀티플렉스 광고를 티스토리에 적용하는 방법에 대해 다룬다. 광고를 본문 하단과 사이드바에 적용하고, 스타일을 변경하는 내용도 함께 다룬다. 참고로 아래 내용과 같이 멀티플렉스 광고는 사이트 내 콘텐츠와 애드센스 광고를 함께 보여주던 일치하는 콘텐츠 광고에서 변경된 광고로, 지금은 광고만 보여주고, 자격요건 제한이 삭제되었다. HTML 삽입 미리보기할 수 없는 소스 1] 광고 코드 생성 먼저 광고 코드를 생성한다. 구글 애드센스 ▶ 광고 ▶ 개요 ▶ 광고 단위 기준에서 멀티플렉스 광고를 클릭한다. 멀티플렉스 광고는 수평형과 수직형이 있다. 그리고 반응형 또는 고정으로 크기를 설정할 수 있다. 만들기를 누르면 아래와 같이 코드 생성이 완료된다. 아래 코드는 수평형 & 반응형으로 생성한.. 2022. 3. 2. 티스토리 구글애드센스 본문 상단 2개 반응형 광고 본 글은 티스토리 본문 상단에 구글 애드센스의 디스플레이 광고를 반응형으로 삽입하는 방법에 대한 글이다. 반응형 디스플레이 광고에 대한 자세한 내용이 구글 애드센스 고객센터에서 나와 있으니 한번쯤 확인해 보기 바란다. 반응형 광고의 태그 매개변수 사용 방법 반응형 광고 코드 수정 방법 북클럽 스킨을 기준으로 설명했으며, 디스플레이 광고 코드를 생성하고 적용하는 등의 기본적인 내용을 다룬 아래 내용도 보기 바란다. 티스토리 구글애드센스 디스플레이 광고 HTML 삽입 미리보기할 수 없는 소스 1] 본문 상단 좌측 1개 먼저 아래와 같이 광고가 글과 어우러져서 본문 상단 좌측에 나오되, Mobile에서는 정상적으로 중앙에 위치한다. 아래 코드를 HTML의 위에 삽입하면 적용된다. [ 2, 9 ] 반응형 및 스.. 2022. 3. 1. 티스토리 구글애드센스 디스플레이 광고 본 글은 티스토리에 구글 애드센스의 디스플레이 광고를 적용하는 방법에 대한 내용이다. 북클럽 스킨 기준으로 화면 상단과 하단, 목록 상단, 본문 상단과 중간 및 하단 그리고 사이드바에 적용하는 방법을 설명한다. HTML 삽입 미리보기할 수 없는 소스 1] 디스플레이 광고 코드 생성 구글 애드센스 ▶ 광고 ▶ 개요 ▶ 광고 단위 기준에서 디스플레이 광고를 클릭한다. 디스플레이 광고는 아래와 같이 사각형 & 반응형, 수평형 & 반응형, 수직형 & 반응형이 있다. 적용할 위치의 레이아웃 따라 맞는 형태를 선택하면 된다. 반응형을 선택하면 페이지 레이아웃과 사용자 기기에 맞게 광고 크기가 자동적으로 조정된다. 그리고 아래와 같이 원하는 크기를 직접 정할 수도 있다. 크기를 고정하면 게재 가능한 광고 수가 제한될.. 2022. 3. 1. 티스토리 애드센스 자동광고 적용방법 직전 글에서 티스토리에 구글 애드센스 광고 적용 방법은 크게 3가지가 있다고 했다. (기본 광고, 자동 광고, 신규 광고) 티스토리 애드센스 기본광고 적용방법 직전 글에서는 기본 광고 적용 방법을 다뤘고, 본 글에서는 자동 광고 적용 방법을 다룬다. HTML 삽입 미리보기할 수 없는 소스 1] 티스토리 설정 먼저 아래와 같이 티스토리 ▶ 관리 ▶ 수익 ▶ 애드센스 관리 ▶ 광고 설정에서 전체 자동광고를 체크한다. 다음은 구글 애드센스 자동 광고 코드를 티스토리 HTML에 삽입해야 한다. 구글 애드센스 ▶ 광고 ▶ 개요 ▶ 사이트 기준에서 코드 가져오기를 클릭한다. 자동 광고 코드를 티스토리 HTML의 사이에 삽입한다. 2] 애드센스 설정 구글 애드센스 ▶ 광고 ▶ 개요 ▶ 사이트 기준에서 우측 하단에 있.. 2022. 2. 28. 티스토리 애드센스 기본광고 적용방법 티스토리에 구글 애드센스 광고를 적용하는 방법은 크게 3가지가 있다. ① 티스토리 ▶ 관리 ▶ 수익 ▶ 애드센스 관리 ▶ 광고 설정에서 적용하는 '기본 광고' ② 애드센스 ▶ 광고 ▶ 개요 ▶ 사이트 기준에서 적용하는 '자동 광고' ③ 애드센스 ▶ 광고 ▶ 개요 ▶ 광고 단위 기준에서 적용하는 '신규 광고' 본 글은 티스토리에 구글 애드센스의 기본 광고를 적용하는 방법에 대한 내용이다. HTML 삽입 미리보기할 수 없는 소스 1] 기본 광고 적용 방법 1-1] 광고 선택 아래의 광고 설정에서 체크 또는 해제로 적용할 광고를 선택할 수 있다. 또한 아래와 같이 광고 크기를 선택할 수 있는데, 반응형으로 설정하면 페이지 로딩 속도가 느려진다고 하니 참고 바란다. 나는 광고가 화면을 너무 많이 차지하지는 않는.. 2022. 2. 28. 티스토리 구글애드센스 검색엔진 광고 구글 애드센스의 검색엔진 광고는 아래와 같이 자신의 웹사이트에 구글 검색창을 적용하고, 웹사이트 방문자가 이 구글 검색창을 통해 검색할 경우 검색 결과 페이지(SERP) 상단에 광고도 함께 송출되게 하여 수익을 창출할 수 있는 광고다. HTML 삽입 미리보기할 수 없는 소스 검색엔진 광고는 웹사이트 방문자가 웹사이트를 방문한 후 검색창으로 직접 검색하기까지 많은 허들이 존재하기 때문에 효용성이 있을까 싶어 등한시되는 것이 사실이다. 그럼에도 불구하고 없는 것보다는 좋지 않겠냐라는 생각에 적용할지 말지 고민하고 있다면 본 콘텐츠가 하나의 방향성을 제시해 줄 것이라 생각한다. 1] 광고 코드 생성 먼저 광고 코드를 생성해 보겠다. 구글 애드센스 ▶ 광고 ▶ 개요 ▶ 광고 단위 기준에서 '검색엔진'을 클릭한다.. 2022. 2. 25. 이전 1 ··· 33 34 35 36 37 38 39 ··· 41 다음 728x90 반응형