이웃을 추가하는 배너 링크


안녕하세요.
고코더 입니다.





 1. 네이버 블로그를 보다보면 친구추가 배너를 만들어 걸어두는 경우가 많습니다.
네이버식 폐쇄형 블로그 시스템은 이웃이 참 중요합니다. 이웃이 많아야 서로 품앗이를 해주기도 하고 상단에 노출 되니깐요. 
그래서 서이추 라는 귀찮은게 존재하는 이유입니다.

 2. 여튼 이웃을 끌어모으기 위해서 배너를 만들어보겠습니다.
우선 아래 URL을 접속해보세요. 이 링크는 나를 이웃으로 맺을 수 있는 링크입니다.
끝에 자신에 아이디를 붙혀서 쓰면 됩니다.



 3. 혹시 자신에 오류가 난다면 아래 URL을 확인해주세요.

 4. 그럼 이렇게 이웃을 초대 할 수 있는 화면이 나타납니다.
이걸 단순히 이미지에 링크를 걸어주면 그게 바로 이웃추가 배너가 됩니다.

 5. 간단하게 이미지를 업로드 하고 오른쪽 위에 링크 모양 아이콘을 누릅니다.


 6. 여기에 위에 말씀드린 링크를 삽입하면 모든게 완료입니다.


 7.  글을 쓰고 마지막에 해당 배너와 함께 링크를 준다면 이웃을 요청하는 홍고 배너가 됩니다. 


마무리


네이버 블로그를 키우고 싶다면
이웃을 많이 모아서 품앗이 하세요.

댓글을 달아 주세요



facebook 글 등록시 URL 미리보기가 로딩이 완료되고 저장해야 합니다.


안녕하세요.
고코더 입니다.


 1. 페이스북에 블로그 글을 옮길때
가끔 URL 미리보기가 안나오는 경우를 발견하게 됩니다.
이러면 유입을 위해 글을 등록하는건데
사용자에 눈에 잘 안들어오게 됩니다. 


 2. 이렇게 글만 있으면 클릭해보기 싫겠죠.

 3. 게시물을 쓸대
URL이 있으면 "미리 보기 가져오는 중" 이라는 메세지가 뜹니다.
이는 페북봇이 이미지를 가져오는 건데요
이때 기다리지 않고 글을 등록하면 
미리 보기 없이 등록 됩니다.

 4. 미리보기 로딩을 충분히 기다리고
아래처럼 미리보기 모습이 떴다면
이때 등록하세요.


 5. 그럼 컨텐츠 미리보기 까지 알 수 있는
좋은 글이 됩니다.



마무리


페이스북 조금 불편하네요.


댓글을 달아 주세요


페북에 링크를 남기면 유입이 한명씩 생긴다.


안녕하세요.
고코더 입니다.


요즘 sns를 가입하고
제 블로그 컨텐츠를 내용과 링크를 남기고 있습니다.
소셜 미디어 유입도 도전하고 있습니다.

그런데 페이스북에 컨텐츠를 옮기고 있는데
재밌는 현상을 발견했습니다.

 1. 링크를 남기는 동시에 페이스북 bot 이 
해당 링크를 타고 접근합니다.

 2. 유입 경로에 보면 족족 방문자가 생기는 거처럼 보이네요 



 4. 구글 애널리틱스를 보니 남기는 차례대로 링크를 타고 들어오고 있습니다.


 5. 페이스북 시스템에서 해당 링크 컨텐츠에 대한
검사를 진행 하는 걸로 보이는데요.
통계에서 페이스북 봇이 예외 처리 되지 않아서
마치 페북 유입이 많은 거 처럼 느껴질 수 있겠습니다.

블로거와 웹 마스터들께서는 이점 알아두셔야 겠네요


마무리


인스타 말고는 요즘 sns 잘 안하는거 같네요



댓글을 달아 주세요


facebook 클릭자 추적 시스템


안녕하세요.
고코더 입니다.


 1. 페이스북에 링크를 남기면
이런 파라미터가 생깁니다.

fbclid=

 2. 제가 페이스북에 남긴
URL에 링크 뒤에
fbclid가 붙은걸 볼 수 있습니다.




 3.페이스북에서 남겨진 링크에 추가 되는 파라미터 입니다.
왜 붙는지 한번 알아봤습니다.

FBCLID의 약자는 
"Facebook Click Identifier"
페이스북 클릭 식별자라는 뜻 입니다.

 4. 해당 파라미터를 설명하는 사이트가 존재합니다.


이는 페이스북 클릭 자들에 대한
이 데이터를 통해 정확한 통계를 위해 도입된 매개변수라고 합니다.
구글 애널리틱스와 애드센스에도 데이터를 교환하여
보다 정확한 방문자 추척을 한다고 하는군요.

 5. 아마도 개인정보 강화로 쿠키 정보에 대한 수집이
점차 제한됨에 따라
이런 방식에 매개변수를 활용한 방법으로 발전되고 있는거 같습니다.


마무리


URL이 너무 길어져요.
단축 도메인 생성 후에 파라미터 달아주세요.


댓글을 달아 주세요


OUTLOOK URL 링크 오류 해결하기


안녕하세요.
고코더 입니다. 

아웃룩을 쓰던 중 갑자기
URL 링크를 열려고 하면
아래와 같은 오류창이 뜹니다.
▼ 매번 드래그해서 복사 붙혀넣기도 귀찮으니 해결해봅시다.

이 컴퓨터에 대한 제한 사항으로 인해 이 작업이 취소되었습니다. 시스템 관리자에게 문의하십시오.

▼ 마이크로 소프트 홈페이지에서
해당 해결 방법을 찾아보니
간단하네요 이지픽스를 사용하여 수정하라고 권고 합니다.

▼ 다운받은 Easy fix 50388을 실행하여 설치해주세요.


▼ 이제 정상적으로 사용이 가능합니다.



마무리

MS 제품군은 사실 버그가 많은 편인데
패치도 빨리 나오는 편이라 다행입니다.



댓글을 달아 주세요



카톡 링크 보내기 뜨는 정보 최신화 하기


안녕하세요. 고코더 입니다. 

지난 번 og태그를 강의 하였습니다.
어떤 개발자 분이 댓글로 태그를 수정해도 변경한 내용을 확인 할 수 없다고 말씀 해주셨네요.
-> HTML - og(open graph) 태그 란? / 카톡,sns 미리보기 지정



이런 문제가 일어나는 이유는
각 서비스 에서는 og를 캐시로 저장을 해놓습니다.
똑같은 요청을 효과적으로 처리하기 위해서죠.

그러므로 og태그를 변경하여도 일정 기간이 지나야 새로운 태그의 내용을 확인 하실 수 있습니다.
카카오톡 같은 경우에는 카카오 개발자 사이트에서 캐시 삭제가 가능합니다.

▼ 아래 링크에 접속하시면 
Cache 삭제 도구가 있고 여기서 원하는 도메인의
캐쉬를 삭제할 수 있습니다.



해당 곳에서 도메인을 입력하고
삭제 요청을 하면 
카카오톡 미리보기가 삭제됩니다. 

그리고 카카오톡 뿐만 아니라
각 시스템마다 링크 미리보기
캐쉬를 삭제하는 API나 기능을 제공 합니다.


마무리

캐쉬 언제 다 지우나요..






댓글을 달아 주세요


open graph 태그란? / 썸네일, 제목 설명 등의 


안녕하세요. 고코더 입니다.

SNS나 카카오톡,라인 등
일상을 공유하는 커뮤니티 프로그램에서

링크를 공유하면 자연스럽게 보이는
썸네일, 제목, 설명들이 있습니다.

▼ 고코더 블로그를 카카오톡 으로 공유했을 때
나타나는 og 태그 메타 정보



해당 화면에서 보이는

제목 : "고코더의 IT Express"
설명 : "각종 프로그래밍 강의... " 
이미지: 고코더.jpg

등이 바로 open graph 태그로
노출된 정보 입니다.

▼ 제 블로그의 소스 보기를 보면
아래처럼 og 태그가 입력 되어 있습니다. 


규약 된 해당 태그를 읽고 카카오톡도 미리보기가 가능한 정보를 노출 해주고 있습니다.

이 규약은 페이스북에서 시작 되었습니다.


SNS의 초대형 기업이기에 
페이스북이 지정한 방법은 결국 표준이 되었다고 봐도 무방 합니다.

각 태그의 설명을 드리자면 
og:url 
- URL 입니다. 링크될 URL을 지정하시면 됩니다. 
og:type 
- 타입을 지정합니다. 웹인지 앱인지 등등
og:title 
- 해당 링크의 제목 입니다. 카톡에서 가장 굵고 큰 글자로 보이겠죠
og:description 
- 설명입니다. 제목 아래 설명글씨로 주저리 담깁니다. 
og:image 
- 썸네일 이미지 입니다. http:// 부터 시작하는 절대 주소로 남기셔야 합니다.

▼제 블로그를 기준으로 og 태그를 작성 해보았습니다.
1
2
3
4
5
<meta property="og:url"                content="http://gocoder.tistory.com" />
<meta property="og:type"               content="website" />
<meta property="og:title"              content="고코더의 IT Express" />
<meta property="og:description"        content="모든 IT 정보를 " />
<meta property="og:image"              content="https://t1.daumcdn.net/cfile/tistory/234774445960F69422" />
cs



SNS등의 공유버튼으로 생겨난
태그 입니다. 
지금은 필수적인 사이트의 메타 정보가 되었습니다.

만약 해당 OG태그가 없는 사이트는
각 시스템에서 알아서 대표 정보를 찾아서 
나름의 정보를 만들어 미리보기로 보여주게 됩니다.


마무리
웹 개발자들이 챙겨야 할게 많아지네요


댓글을 달아 주세요

  • 질문좀 2018.04.26 08:57  댓글주소  수정/삭제  댓글쓰기

    og 태그 블로그 잘봤습니다
    그런데 메타 내용을 바꿔도
    카톡 링크 내용이 그대로인데
    제가 이해를 잘못하고 있는건지ㅠㅠ

    • Favicon of https://gocoder.tistory.com 고코더 2018.04.26 23:32 신고  댓글주소  수정/삭제

      안녕하세요. 개발자님
      메타 내용을 잘 바꾸셨지만
      카카오톡 링크 썸네일 내용은 그대로군요.
      이런
      그래서 질문자님을 위해
      블로그를 하나 남겼습니다.
      아래 글을 확인해주세요^^

      http://gocoder.tistory.com/317

      결론은 카카오톡 캐시 서버의
      질문자님의 도메인 정보를 지워야 합니다^^



글 링크 삽입 플로그인


티스토리 글을 남기다 보면
이전 포스팅한 글을 링크로 남겨야 할때가 있습니다.

그냥 
이런식으로 남겨도 불편함이 없겠지만
해당 글에 대한 제목도 표시 되지 않고 보기가 불편합니다.

그래서 내가 쓴 글의 링크를 삽입하는 방법을 알아보려고 합니다.

▼우선 티스트로 어드민에 접속하여서
플러그인 메뉴로 접속 해봅시다.


▼"글 링크" 라고 검색하면 해당 플러그인이 나옵니다. 해당을 클릭해보자 


▼표시될 형태를 지정하고 적용을 눌러보자 
[카테고리]-제목 방식이 제일 깔끔하여 선택 했습니다.



▼그리고 글쓰기에서 오른쪽 아래에 있는 플로그인을 누르면 
"이전 글 넣기" 라는 글씨가 보입니다 해당을 클릭!


▼ 팝업이 뜨는데 여기서 글을 클릭하면 현재 쓰고 있는 에디터에 글에
링크가 삽입 됩니다!!





마무리


티스토리로 기억보다 기록에 의존해보세요



댓글을 달아 주세요