월급쟁이의 일상이야기

크기가 고정된 애드센스 광고는 보통 왼쪽 정렬로 광고가 출력됩니다. 그 광고를 가운데 정렬하는 방법을 알아보겠습니다. 방법 1 고정 크기 광고인 300x250 크기의 애드센스 광고 코드는 다음처럼 생겼습니다. style 속성에 display:inline-block이 있으면, 와 로 광고 코드를 감싸고, style 속성에 text-align: center;를 추가하면, 광고가 가운데에 출력됩니다. 즉, 광고 코드 위에 를 추가하고, 광고 코드 밑에 를 추가하는 것입니다. 방법 2 class 속성에 asd를 추가하고, style 속성에 display:inline-block을 display:block으로 바꿉니다. 그리고 광고 코드 위에 를 추가합니다. 즉, 다음처럼 만들면 광고가 가운데에 출력됩니다.

애드센스는 계속 변화하고 있습니다. 그리고 그 변화를 메일로 공지를 해줍니다. 그런데 어떤 변화는 자동으로 적용됩니다. 아래처럼 말이죠. 게시자의 수익 향상을 위해서 자동 실험을 사용한다는 것인데... 그 실험이 항상 수익을 올려주는 것은 아닙니다. 오히려 수익이 악화될 수 있습니다. 만약 평소보다 수익이 줄었다면 실험을 중지하세요. 중지는... 애드센스에 로그인한 후 [최적화]를 클릭합니다. 설정 아이콘을 클릭한 후... [자동 실험 사용 안 함]에 체크합니다. 개인적 경험으로는... 자동 광고로 인해 20% 가량 수익이 감소했습니다. 물론 증가는 경우도 있겠지요. 애드센스에서 오는 메일은 항상 잘 확인하는 것이 좋습니다.

애드센스 광고는 주로 본문 상단, 하단, 사이드바에 게재합니다. 그 중에서 본문 상단이 제일 수익이 좋고, 사이드바가 제일 수익이 낮다고 알려져 있습니다. 그런데 사이드바의 애드센스 광고를 분석할 때 주의할 점이 있습니다. PC와 모바일에서의 차이가 크다는 것입니다. 본문 상단은 PC에서도 모바일에서도 상단이지만, 사이드바는 PC에서는 옆에 있지만 모바일에서는 한참 아래에 있습니다. 사이드바 광고는 모바일에서 클릭이 적을 수밖에 없습니다. 그렇다면 사이드바 애드센스 광고가 PC에서는 어느 정도 수익이고 모바일에서는 어느 정도 수익인지 어떻게 알 수 있을까요? 구글 애드센스 보고서에서 파악할 수 있습니다. [보고서]에서 [광고 단위]를 클릭하고, 사이드바에 게재한 광고 단위를 클릭합니다. 보고 기준을 일에..

텍스트 및 디스플레이 광고 애드센스 광고 단위 중 텍스트 및 디스플레이 광고는 어떤 유형의 광고를 내보낼 지 정할 수 있습니다. 셋 중의 하나는 정하는데 그 세가지는 텍스트 및 디스플레이 광고 디스플레이 광고만 텍스트 광고만 입니다. 구글의 권장 사항은 1번입니다. 텍스트와 디스플레이 둘 다 게재 가능하게 하면 보통 수익이 좋다는 뜻입니다. 하지만, 무조건은 아닙니다. 콘텐츠에 따라서, 광고 위치에 따라서 더 높은 수익을 내는 유형이 다를 수 있습니다. 이를 분석하는 가장 쉬운 방법은 실험을 이용하는 것입니다. [최적화 - 실험]에서 간단한 설정만 하면 구글이 알아서 비교 분석하고 결과를 알려줍니다. 실험 만들기 [새 실험 만들기]에서 [광고 단위 설정]을 클릭합니다. 실험명은 원하는 대로 만듭니다. 광..

애드센스 반응형 광고는 모바일에서 전체 폭, 즉 좌우 여백 없이 가로 폭이 화면 크기와 같은 광고가 나올 수 있습니다. 구글의 실험 결과 전체 폭 광고가 수익이 높다는 결과가 나와서 적용을 시켰다는데, 디자인에 따라서는 모양이 이상하게 보일 수 있습니다. 대표적인 것이 좌우에 테두리가 있는 디자인입니다. 아래 이미지의 왼쪽 처럼 광고가 테두리를 가리면서 게재되어 보기 좋지 않습니다. 오른쪽 처럼 콘텐츠와 같은 폭의 광고만 나오게 하려면 광고 코드에 다음의 코드를 추가하면 됩니다. data-full-width-responsive="false" 반응형 광고코드는 다음처럼 생겼는데 다음처럼 만드는 것이죠. 참고로, 구글에서는 광고폭을 제한하면 잠재 수익이 감소할 수 있다고 유의하라고 얘기하고 있습니다.

티스토리 블로그 플러그인 중에 구글 애드센스 (모바일)이라는 게 있습니다. 모바일 페이지로 접속했을 때 본문 위 또는 아래에 애드센스 광고가 나오도록 해주는 플러그인입니다. 반응형 스킨을 쓰면 모바일웹 스킨을 OFF로 설정하게 되므로 이 플러그인이 필요가 없을 거 같지만, 그래도 사용하는 게 좋습니다. 이유는 티스토리 모바일 앱 때문입니다. 티스토리 모바일 앱으로 접속하면 모바일용 페이지로 콘텐츠를 보여줍니다. 그리고 구글 애드센스 (모바일) 플러그인이 활성화되어 있다면 광고가 나옵니다. 티스토리 앱으로 블로그 콘텐츠를 소비하는 분들이 많지는 않을 거 같지만, 간단하게 설정할 수 있으니 사용하는 게 좋습니다.

이전 발행 글 링크 삽입 플러그인 블로그에 현재 글과 관련된 글이 있다면 그 링크를 본문에 넣는 게 좋습니다. 그렇게 하면 블로그에 체류하는 시간이 길어지고, 애드센스 광고를 게재하고 있다면 광고 노출이 많아집니다. 관련 글 링크를 넣는 가장 편한 방법은 [이전 발행 글 링크 삽입] 플러그인을 사용하는 것입니다. 제목과 링크를 쉽게 넣을 수 있습니다. 플러그인 활성화 티스토리 관리자의 플러그인에서 [이전 발행 글 링크 삽입]을 찾아 클릭합니다. 글 제목 등이 들어갈 형식을 정한 후 [적용]을 클릭합니다. 사용하는 방법 글 쓰는 화면 오른쪽 아래에 [플러그인]을 클릭하여 확장하고, [이전 글 넣기]를 클릭합니다. 블로그에 있는 글 목록이 나옵니다. 본문에 넣고 싶은 글을 클릭합니다. 글 제목 등이 입력되고..

방문자 통계 그래프 플러그인은 방문사 수의 추이를 그래프로 보여주는 플러그인입니다. 모양이 한가지이고, 이미지로 출력됩니다. 플러그인 활성화 방문자 통계 그래프를 블로그에 넣으려면 플러그인을 활성화 합니다. 사이드바를 이용한 그래프 출력 플러그인을 활성화하면 사이드바에 방문자 그래프 모듈이 생깁니다. 원하는 사이드바에 추가하면, 그 위치에 방문자 통계 그래프가 출력됩니다. 스킨에 치환자를 넣어 출력 [스킨 편집]의 [HTML]에서 적절한 위치에 다음 치환자를 넣어 출력할 수 있습니다. 사이드바를 이용한 출력과 다른 점은 약간 꾸밀 수 있다는 것입니다.

경사로 밀림방지 알아두고 큰 사고 예방하자! ​ 대한민국 국토의 70%가 산이기 때문에 도로부터 주거지역까지 경사진 곳들이 많을 수밖에 없습니다. 요즘에는 한가정당 1~2대의 차량을 보유하고 있는 만큼, 주차공간이 모자라서 경사로에 주차를 하는 경우를 심심치 않게 볼 수 있습니다. 그러다 보니 비탈길과 경사로 주차 관련 사고들은 끊임없이 발생하고 있는데요, 정부는 이러한 사고를 예방하기 위해 지난 6월 25일부터 경사로 밀림방지 고임목과 미끄럼 경고 표지판을 필수로 설치하는 시행 규칙을 마련했습니다. 오늘은 경사로 주차를 할 때 어떻게 해야 하는지 함께 알아보도록 하겠습니다. ​ ​ ​ 고임목/버팀목 필수! ​ 지난 2017년 10월 과천에 위치한 놀이공원에서 주차장에 세워둔 차가 굴러오는 사고로 당시 ..

갑작스럽게 찾아오는 교통사고, 어떻게 처리해야 할까요? ​ 아무리 오랜 운전 경력이 있는 베테랑 운전자라도, 교통사고는 예고 없이 찾아옵니다. 안전운전 수칙을 지키면서 운전을 해도 자의가 아닌 타의에 이해 발생할 수 있기 때문이죠. 도로교통공단의 TASS (교통사고 분석 시스템) 자료를 확인해보면, 하루에 약 600건의 사고가 발생하고 있다는 것을 알 수 있는데요, 무사고가 가장 좋겠지만, 운전자라면 혹시 모르는 상황을 대비하여 교통사고 처리 방법을 꼭 알아두어야 합니다. 오늘은 교통사고가 발생했을 때 운전자가 꼭 알아야 하는 초기 대처 방법에 대해 이야기하는 시간을 가져보도록 하겠습니다. ​ ​ ​ 경찰/보험사 연락 ​ 교통사고 처리 가장 먼저 해야 할 일은 바로 경찰과 보험사에게 연락하는 겁니다. 사..