수학방

티스토리 사용자라면 다들 구글 애널리틱스를 사용하실 거로 생각합니다.

그런데 최근에 구글 애널리틱스에 접속하면 경고 그림이 떴어요. 바로 "중복 호스트 이름" 경고요. 다른 경고들은 도움말에 나온 대로 따라 하면 해결됐는데, 이상하게 이 문제만은 도움말대로 해도 해결되지 않더라고요. 검색을 해봐도 속 시원하게 해결되는 게 없어서 이리 저리 해보다가 결국 해결책을 찾았습니다. 문제는 정규표현식이었어요.

혹시 같은 문제를 겪고 있는 분들도 이 방법으로 문제를 해결하시라고 알려드립니다.

중복 호스트 이름

구글 애널리틱스의 오른쪽 위 화면 종 모양의 아이콘에 경고 표시가 나오면 클릭하고 "자세히 알아보기"를 누르면 아래 메시지가 나옵니다.

속성에서 중복 호스트 이름에서 전송된 데이터를 수신하고 있습니다. 중복 호스트 이름은 다음과 같습니다.

• mathbang.net
• www.mathbang.net

중복 호스트 이름은 보고서에서 별도의 행으로 집계되므로, 다른 호스트 이름에서 유입되고 사이트의 같은 페이지로 전송되는 조회수의 경우 여러 행으로 나누어 표시됩니다. 데이터가 여러 행으로 나누어진 경우 특정 페이지로 유입되는 트래픽이 실제 트래픽보다 적게 나타날 수 있습니다.
이 문제가 발생하지 않도록 하려면, 중복 호스트 이름 중 하나에서 다른 호스트 이름으로 301 리디렉션을 설정하거나, 찾기 및 바꾸기 필터를 만들어 호스트 이름에서 'www'를 삭제하세요.

mathbang.net과 www.mathbang.net은 같은 사이트인데, 표시 방법이 달라서 집계가 서로 따로 된다는 거죠. 그러니까 하나로 합치라는 경고입니다.

어떻게 합치는지는 "자세히 알아보기"를 누르면 도움말이 표시되는데 그곳에 해결방법이 있어요.

구글 애널리틱스 도움말 - 찾기 및 필터 바꾸기

설명이 긴데 중요한 건 아래 내용이죠.

• 필터 입력란: 호스트 이름
• 문자열 검색: ^www.
• 문자열 교체: <leave this field blank>

호스트 이름 중에 www.으로 시작하는 문자열을 찾아서 공백으로 바꾸라는 뜻이죠. 그러면 www.mathbang.net이 mathbang.net으로 바뀌고 모든 집계가 mathbang.net 하나로 통합될 거예요.

중복 호스트 이름 해결 방법

다시 경고창으로 와서 하단에 있는 "필터 조정"을 클릭합니다. 아니면 상단 메뉴의 관리 - 보기 - 필터 - 새 필터를 선택해도 됩니다.

여기서 새 필터를 추가해야 하는데 도움말에 나온 것만으로는 안되고 몇 가지 더 해야 하는 게 있어요.

• 필터 이름에 아무거나 입력
• 필터 유형은 맞춤의 찾기 및 바꾸기
• 필터 입력란에는 호스트 이름 선택
• 문자열 검색에는 ^www\.
• 문자열 교체는 그냥 빈칸으로

도움말에는 문자열 검색에 ^www.을 넣으라고 되어 있지만 정규표현식으로 넣어야 하니까 점 앞에 역슬래시가 있는 ^www\.을 넣는 게 조금 더 명확한 방법이죠. (정규표현식의 결과만 따지면 둘은 아무 차이가 없는데, 이상하게 저는 ^www.만 넣었을 때는 해결되지 않다가 ^www\.을 넣었을 때 문제가 해결되었습니다. 이게 이 글을 쓰게 된 이유입니다.)

그리고 제일 아래에 "보기에 필터 조정"이라는 항목이 있는데 "사용 가능한 보기" 중에서 블로그와 연결된 보기를 "선택한 보기"에 추가해야 합니다. 필터를 적용할 보기를 선택하지 않고 필터만 만들어 놓으면 아무 소용이 없겠죠? 잘 모르겠으면 거기에 있는 모든 항목을 다 추가하셔도 상관없어요.

끝으로 "저장"을 하세요.

저장한다고 해도 바로 문제가 해결되는 건 아니고 며칠이 지나야 해결됩니다. 문제가 해결된 후에 구글 애널리틱스에 접속했을 때 아래 그림처럼 "V 해결됨"이라고 표시된 걸 볼 수 있어요. 

함께 보면 좋은 글

[블로그/애드센스] - 이탈률, 반송률, 종료율이란? 이탈률 낮추는 방법
[블로그/애드센스] - 본문 검색창 설치로 블로그 페이지뷰 늘리기

블로그 바로가기 앱 만드는 방법을 소개한 적이 있는데요. 이건 웹에서 클릭 몇 번으로 바로가기 앱을 만드는 방법이에요. 문제는 만든 앱을 구글의 플레이스토어에 등록해야 하는데 그 방법을 모른다는 거지요. 그리고 확실한 건지는 모르겠는데 플레이스토어에 개발자로 등록할 때 등록비를 내야 하나 봐요.

그래서 그냥 앱을 만들기만 하고 넘어갔는데, 댓글로 바로가기 앱을 만들어준다는 글이 있어서 그곳에 돈을 주고 바로가기 앱을 만들었습니다. 수학방 블로그 바로가기 앱이 나왔습니다.

한 달이 조금 지난 지금은 잘 만들었다는 생각이 듭니다.

플레이스토어에서 "수학방"을 검색하면 가장 위에 바로가기 앱이 나와요. 그리고 평가도 나쁘지 않습니다. 확실히 "수학방"이라는 인지도가 향상되었다고 할 수 있죠.

지금까지 다운로드 수가 1,000명이 넘었습니다. 물론 이 중에 몇 분이나 이 앱을 이용해서 블로그에 방문하는지는 확인할 수 없어서 살짝 아쉽기는 하지요. 구글 애널리틱스를 통해서 확인해보려 했는데, 1,000명이라는 숫자가 그리 큰 숫자가 아니다 보니 늘어난 방문객이 앱 때문이라고 단정할 수는 없거든요.

어쨌든 앱을 통해서 블로그 고정방문자를 확보했으니까 앱이 없을 때보다는 나아진 건 확실하겠죠. 지금은 다운로드 수가 1,000이지만 10,000, 20,000이 되면 방문자 수도 늘어날 거고 페이지뷰나 이탈률도 좋아질 거로 생각하고 있습니다.

지금 당장은 사용하지 않더라도 설치해놓고 삭제만 하지 않으면 언젠가는 다시 방문할 가능성도 계속 남아있고요.

책을 낸 이후에 블로그 침체기에 빠져 있었는데, 새로운 활력소가 되고 있어요. 다운로드를 받는 건 능동적인 행위라서 단순히 검색해서 수동적으로 오는 것과는 완전히 다르잖아요. 책을 사고, 즐겨찾기에 추가하고, 앱을 내려받아서 블로그에 방문하는 방문자가 있다는 건 블로그를 운영하는 입장에서 매우 기쁜 일입니다.

바로가기 앱 만드는 곳 소개

http://shortcutapp.co.kr 혹은 http://www.makeapp.co.kr에서 만들 수 있어요. 같은 곳인데 홈페이지를 새로 만드는 중인가 봅니다.

블로그 바로가기 앱의 가격은 22,000원이에요. 추가비용 없고, 유지비용 없습니다. 앱에서 사용할 아이콘만 메일로 보내주면 앱을 만들어서 플레이스토어에 등록까지 해줍니다. 앱 설명글을 보내달라는 얘기가 없어서 보내지 않았는데, 이곳에서 잘 써주었더군요. 원하는 내용이 있으면 아이콘과 함께 보내면 좋을 듯싶어요.

그리고 만든 앱은 네이버나 애플의 앱스토어는 등록이 안되고 구글 플레이스토어에만 등록할 수 있어요.

블로그에 애드센스를 사용하는 분들은 저처럼 스마트폰의 기본 브라우저를 통해서 블로그만 열어주고 앱은 종료되도록 만들어 달라고 하세요. 그래야 애드센스 정책 위반이 아니거든요.

지금 블로그에 홍보 글을 쓰면 바로가기 앱을 무료로 만들어주는 이벤트도 하고 있네요. 이미 만든 저는 해당 사항이 없겠지만 한 번 도전해 보세요.

함께 보면 좋은 글

블로그 바로가기 앱 만드는 방법
수학방 블로그 바로가기 앱이 나왔습니다.

반응형 스킨을 사용한 지 벌써 6개월 정도 돼가네요.

반응형 스킨의 가장 큰 장점은 기기에 상관없이 비슷한 블로그 화면을 보여줄 수 있다는 거죠. 부수적으로 구글 웹로그 분석을 모바일에서도 사용할 수 있다는 점도 좋고요.

그 외에도 많은 장점이 있는데, 개인적으로 가장 좋은 건 구글에서 검색 유입이 들어온다는 거예요. 예전에 구글 웹마스터 도구에서 매개변수를 잘못 건드리는 바람에 구글에서 블로그의 모바일 페이지만 검색되고 PC 페이지가 검색되지 않았거든요. 포럼에서 알려준 대로 매개변수 설정을 초기화해도 문제가 해결되지 않아서 포기하고 있었어요.

이유는 모르겠는데, 반응형스킨으로 바꾸고 난 다음부터는 구글에서 검색되는 PC 페이지가 점점 늘어나고 있어요. 반대로 검색 결과에서 모바일 페이지는 점점 없어지고 있고요. 지금은 거의 모든 PC 페이지가 검색돼요.

하지만 아직 해결되지 않은 문제가 있더라고요.

아래는 구글에서 검색한 결과인데요. 첫 번째 링크의 주소가 "http://mathbang.net/m/post/view/id/396"처럼 되어 있어요.

반응형 스킨을 사용하면 모바일 페이지가 필요 없으니 모바일 웹 스킨을 off 하죠. 그랬더니 모바일 페이지 주소인 "m/…/"이 들어가 링크가 정상적으로 작동하지 않아요. 그냥 블로그의 홈으로 이동해버립니다.

"http://mathbang.net/m/396"처럼 매개변수없는 모바일 주소는 정상적으로 해당 페이지로 이동하고요.

반응형 스킨을 처음 사용할 때는 구글 검색결과에서 이런 형태의 주소가 많았었는데 점점 개수가 줄어들어 들고 있어서 그냥 놔두면 언젠가는 전부 다 없어질 수도 있을 거예요.

저와 같은 문제를 겪고 있는 분들도 계실 거예요. 시간이 지나면 자연스럽게 없어지니까 그냥 기다리시면 될 것 같아요.

구글 검색 결과에서도 알아서 없어지고 있어서 별문제는 없어 보이지만 다른 블로그나 홈페이지에서 링크를 걸 때 사용된 게 간혹 있더라고요. 모바일 기기에서 주소를 바로 복사해서 붙여넣은 모양이지요.

이건 구글의 문제라기보다 티스토리의 문제인 것 같아요. 모바일 스킨을 off할 수 있는 기능을 만들 때 모바일 주소로 된 페이지의 이동을 제어했어야 하는데, 티스토리에서 미쳐 신경 쓰지 못한듯 합니다. 빨리 수정되었으면 좋겠네요.

함께 보면 좋은 글

티스토리 공지 주소 오류, 버그
티스토리 비공개 글 찾는 방법, 작성중인 글
티스토리 이웃 링크 추가 버튼 만들기
본문 검색창 설치로 블로그 페이지뷰 늘리기

애드센스에서 메일이 하나 왔어요. "웹로그 분석 데이터를 애드센스에서 유용한 통계로 활용하기"라는 제목인데요. 웹로그 분석의 통계를 전문가가 보고 도움이 될만한 방법들을 알려줄 수 있도록 설정을 바꾸라는 메일입니다.

사실, 웹로그의 통계는 너무 많고 복잡해서 일반 블로거가 이를 직접 애드센스와 연결하기에는 무리가 있었어요. 그냥 어떤 페이지에서 클릭이 많이 일어나는 구나 정도만 파악할 수 있었죠. 하지만 이번 기회를 통해서 전문가가 웹로그 테이터를 분석하고 이를 활용하는 방법을 알려준다면 좋은 기회가 될 것 같아요.

웹로그 분석 데이터를 애드센스에서 유용한 통계로 활용하기

웹로그 분석 데이터를 전문가와 공유하는 것에 대한 설명입니다. 여담이지만 애드센스는 말을 좀 쉽게 써놨으면 좋겠어요. 한 번 딱 읽어서는 이해하기가 어렵게 써놔요.

 Google 웹로그 분석을 이용하면 사이트의 실적을 효과적으로 파악할 수 있으며, 이제 애드센스에서 이 통계를 이용해 사이트를 개선하실 수 있도록 도와 드립니다. 계정 설정 탭 아래에서 웹로그 분석의 새 계정 전문가 설정을 사용하도록 설정하세요. 이렇게 하면 Google을 통해 사이트 관련 팁, 상세한 트래픽 통계, 콘텐츠 실험과 같은 새로운 기능을 사용하기 위한 최신 아이디어 등의 정보를 받아 보고 중요한 기회를 때맞춰 활용할 수 있습니다.

웹로그 분석의 데이터를 전문가와 공유할 수 있게 설정을 바꾸는 방법입니다.

웹로그 분석에 로그인하고 우측 상단의 관리 탭을 클릭합니다.

설정을 수정하려는 계정을 선택합니다. 대부분 계정이 1개라서 바로 계정이 선택될 거예요.

계정 설정 탭을 클릭하면 오른쪽에 설정화면이 열립니다.

계정 전문가 옆의 확인란을 선택하고 적용을 클릭합니다.

Google 마케팅 전문가 및 전담 Google 영업 전문가가 사용자의 구현 방식 및 분석을 개선하는 방법을 찾고 최적화 도움말을 공유할 수 있도록 이들 전문가에게 사용자의 Google 웹로그 분석 데이터 및 계정에 대한 액세스 권한을 부여합니다. 전담 영업 전문가가 없는 사용자의 경우 승인된 Google 담당자에게 액세스 권한을 부여합니다.

가끔 애드센스에서 최적화 도움말을 메일로 보내주는데, 설정을 바꾸면 웹로그 분석의 데이터를 분석해서 애드센스 수익을 올리는 방법을 알려주는 것 같습니다.

사실 메일이 별로 도움은 안 돼요. 애드센스에서 보내준 추천 메일대로 따라 했다가 오히려 수입이 떨어진다는 분들도 여럿 봤고요.

하지만 웹로그 분석의 통계를 활용한다면 얘기가 달라질 수 있죠. 광고를 클릭하는 사람은 방문객들이고 이들의 성향을 분석할 수 있는 최고의 툴이 바로 웹로그 분석이니까요. 방문자들이 어떤 글을 좋아하는지, 어떻게 페이지 이동을 하는지를 잘 분석해보면 더 많은 방문객을 유치할 수 있고, 페이지뷰를 늘릴 수 있어요. 그리고 모든 페이지를 클릭이 많이 일어나는 페이지처럼 꾸미는 것도 할 수 있고요.

전에 구글 애드센스 최적화 상담을 받은 후로 몇 가지 변화를 줬는데, 아직 구체적인 성과를 거두지는 못했어요. 웹로그 분석 통계를 활용한 상담이 이루어졌다면 더 좋았을 걸 하는 생각이 드네요.

일단 적용해놓고, 어떤 도움말을 알려주는지 기다려 봐야겠어요.

함께 보면 좋은 글

애드센스 정착기 정리, 나름의 최적화
애드센스 광고 유형 한 번에 수정하기 - 텍스트/이미지광고
애드센스 타겟팅 - 문맥 vs 관심기반 vs 게재위치
애드센스 크기가 작은 광고가 나올 때
애드센스 최적화 배치 도움되는 곳
애드센스 수익 향상 팁 - A/B 테스트

블로그를 운영하다보면 혹시 다른 사이트에서 내 블로그로 링크를 생성하지는 않았을까 궁금할 때가 있어요. 이럴 때 어떤 사이트에서 내 블로그로 링크를 만들었는지 알아보는 방법이 있습니다.

모든 사이트를 다 확인할 수는 없지만 그냥 재미로 알아보기에는 괜찮은 방법이죠. 대부분의 사이트들이 구글에 등록하잖아요. 구글을 통해서 내 블로그 주소를 검색할 건데 이 때 검색 연산자를 이용하는 거예요.

구글의 검색 연산자를 이용해서 내 블로그를 링크한 사이트를 찾아가서 뭐라고 소개했는 지 확인해봐요.

내 블로그를 링크한 사이트 찾아보기

티스토리의 플러그인 중에 유입경로 플러그인을 켜놓으면 유입경로가 표시돼요. 이 경로를 잘 들여다보면 다른 사이트에서 들어오는 경우가 있는데, 클릭해보면 자기 블로그를 링크해놓은 경우죠. 

하지만 이 건 링크를 통해서 유입이 되어야만 확인할 수 있고, 또 유입경로가 많으면 못보고 지나치는 경우가 많아서 링크한 사이트를 알아내기가 사실상 불가능합니다.

하지만 구글의 고급 검색 기능을 이용하면 충분히 찾을 수 있어요.

구글에서 특정 단어를 제외하고 검색하려면 "-검색어" 하면 되거든요. 또 "검색어 site:www.사이트주소..com"라고 입력하면 해당 사이트만 제외하고 다른 모든 사이트에서 검색을 합니다.

이 두 가지를 합쳐서 내 사이트만 제외하고 다른 사이트에서 내 블로그의 주소를 검색하는 거죠.

수학방의 주소는 mahtbang.net이니까 "mathbang.net -site:mathbang.net"이라고 검색하면 되죠. "mathbang.net이라는 텍스트를 가진 사이트 중에서 mathbang.net 사이트는 뺀 나머지를 찾아줘."라는 뜻이에요.

원래 link:mathbang.net으로 검색할 수도 있는데, 이건 링크를 생성했을 때만 되고, 주소를 단순히 텍스트로 입력했을 때는 검색되지 않는 단점이 있어요.

그리고, 다른 블로그에 내가 댓글을 단 경우에도 검색이 되는 데 이게 너무 많을 때는 -"Favicon of"를 넣어주세요. 대부분의 티스토리 블로거들이 댓글에 파비콘이나 아이콘을 표시하기때문에 이걸 이용해서 댓글이 달린 글을 제외시키는 거죠

olpost나 mixsh같은 메타블로그에 글을 보내는 경우에도 본인의 글이 중복 검색되는데, -site:olpost.com 처럼 제외시켜주면 돼요.

이런 방법으로 사이트들을 하나씩 제외시켜주다보면 결국 진짜로 링크를 한 사이트들만 남게돼요.

최종적으로 검색할 단어는 mathbang.net -site:mathbang.net -"favicon of" -site:olpost.com입니다.

검색해보면 이상한 영어나 외국어 사이트가 나오기도 하는데, 도메인을 분석해주는 사이트들이라 결과를 무시해도 좋아요. 이 때는 검색 결과를 "한국어 웹"으로 하면 다 사라집니다.

다른 블로그에서 자기 블로그를 링크한 숫자나 빈도가 높으면 구글 페이지 랭크가 올라가고, 높은 펭지랭크는 구글의 검색 최적화에 도움이 돼요. 또 다른 사이트에서 내 블로그의 평판을 알아볼 수 있는 기회로 삼을 수 있으니 재미삼아 한 번 확인해보세요.

함께 보면 좋은 글

애드센스 최적화 배치 도움되는 곳
애드센스 수익 향상 팁 - A/B 테스트
애드센스를 본문 상단 오른쪽에 넣기
블로그 속도 측정 - Google PageSpeed Insights
본문 검색창 설치로 블로그 페이지뷰 늘리기

블로그 페이지가 늦게 열리면 방문자가 보지도 않고 나가는 경우가 있으니까 블로그 로딩 속도는 블로거에게는 아주 중요한 항목 중의 하나에요.

내 블로그가 어느 정도로 빨리 열리는 지를 알아보고 싶을 때 사용할 수 있는 사이트인 Google PageSpeed Insights를 소개합니다. 측정을 하면 문제점을 알려주고, 개선할 수 있는 여러가지 방법들도 알려줍니다.

매번 글을 올릴때마다 해야하는 것도 있지만 스킨에서 한 번만 수정해놓으면 되는 것들이 대다수니까 꼭 적용해보시기 바래요.

Google PageSpeed Insights

구글에서 제공하는 속도 측정 사이트 Google PageSpeed Insights 입니다. 일반적으로 웹페이지 속도 측정 사이트라고 하면 로딩 시간을 측정해서 10초, 20초 이렇게 보여주는데요. 이곳은 시간을 측정하는 것이 아니라 속도를 빠르게하는 기술이 적용되어 있는 지를 측정해서 점수로 환산해주는 사이트에요.

Google PageSpeed Insights

일단 사이트에 접속한 다음 블로그 주소를 입력하세요.

"ANALYZE"버튼을 누르면 몇 초 후에 결과를 보여줘요. 

제일 윗줄에 100점 만점으로 환산한 점수를 보여주고, 아래에는 속도를 빠르게할 수 있는 방법들을 알려줍니다. 저는 83점 나왔네요.

왼쪽메뉴에서 해당 항목을 클릭하면 자세한 설명이 나와요.

자바스크립트 파싱 지연은 블로그를 로딩할 때, 자바스크립트를 로딩하는 동안 다른 것들을 불러드리는 걸 멈추기때문에 페이지가 보여지는 속도가 느려지는 걸 말해요. 꼭 필요한 경우가 아니라면 자바스크립트의 위치를 페이지 하단으로 옮겨서 페이지가 다 보이고 난 다음에 자바스크립트 파일을 불러올 수 있게 바꿔주면 됩니다.

CSS 파일은 html 소스에서 head에 넣고 javascript는 </body>위에 넣으면 어느 정도는 해결됩니다.

CSS 스프라이트로 이미지 통합은 이미지를 개별 파일로 하나씩 사용하는 것이 아니라 하나로 합쳐서 사용하는 건데요. css에 대해서 어느 정도 알고 있어야 사용할 수 있어요.

자바스크립트 축소, CSS 축소, HTML 축소는 줄바꿈이나 빈 칸 등으로 생기는 소스의 공백을 없애서 용량을 줄이는 겁니다.

조정된 이미지 제공은 원래 이미지의 크기가 100x100인데, 웹페이지에서는 50x50으로 보이게 하는 것처럼 이미지의 원래 크기가 아닌 다른 크기로 보이게 하는 걸 말해요. 웹페이지에서 원래 크기인 100x100으로 보여지게 하거나 아예 이미지 자체를 50x50으로 크기를 바꿔서 올리서 해결해야 합니다.

또 이미지 최적화는 화질은 그대로 두고, 용량만 줄여서 업로드 하는 것으로 이미지의 주소를 클릭하면 용량을 줄인 이미지를 다운 받을 수 있어요.

블로거가 할 수 없는 것도 있어요. 티스토리에서 자동으로 불러오는 js, css는 수정하거나 위치를 조절할 수 없으니까요. 애드센스도 빼버리면 상관없는데 이걸 포기하는 건 좀 어렵지요. 위젯이나 페이스북 플러그인 같은 것도 바꿀 수 없지요.

블로그가 할 수 있는 걸 다 한다면 70점 후반에서 80점 초반의 점수가 나오는 것 같네요. 이것 저것 다 떼버려도 90점은 안 넘더라고요.

가능하면 웹페이지를 빨리 보여주는 것이 더 많은 방문자를 모으는데도 효과적이고, 이왕 온 방문자에게 좀 더 좋은 모습을 보여줄 수 있는 방법이니까 꼭 적용해보세요.

함께 보면 좋은 글

애드센스 최적화 배치 도움되는 곳
애드센스 수익 향상 팁 - A/B 테스트
애드센스를 본문 상단 오른쪽에 넣기
본문 검색창 설치로 블로그 페이지뷰 늘리기
이탈률, 반송률, 종료율이란? 이탈률 낮추는 방법