덧+) 2016.08.16
- 새로운 이미지로 변경하고자 할 때에는 이미지 이름을 변경해줘야 함. 꼭!.
- 이미지 이름은 그대로 두고 이미지만 바꾸는 것은 안뎀 !!
- 이미지 사이즈를 잘 확인해야 함 :) 아래 URL 또는 사진 참고
https://developers.facebook.com/docs/sharing/best-practices
페이스북 공유하기 버튼을 누르면 설정된 값에 따라 화면이 구성됩니다.
예로 다음과 같은 코드를 통해서 설정이 가능하자나요.
공유하기가 아래와 같은식으로 작동하더라구요.
1. 첫 번째 공유가 일어난다. (공유하기 창에는 그림이 안뜰 수 있음)
2. 공유(타임라인에 게시)가 일어나면 페이스북 서버에서 해당 URL에 대한 캐시를 생성한다.
3. 동일한 주소에 대해 공유가 일어나면(첫 번째 공유가 아니라면 그림이 잘 보임) 저장되어 있는 캐시를 활용한다.
네 !! 그럼 이번 포스팅에서는 캐시를 초기화하는? 캐시를 업데이트하는 것에 대해서 간단하게 작성해둡니다.
^ https://developers.facebook.com/tools/debug/ 에 접속한다.
아래 그림에서 URL을 입력하세요. 부분에 공유하는 주소를 입력합니다.
^ 디버그해보면 에러도 나오고 정보도 나오고 합니다. :)
저는 이미지가 크다고 나오네요 ;;; 작은데 ㅎㅎㅎ 먼가 좀 문제가 있나봅니다.
문제점을 잘 해결하고 meta 값을 제대로 변경해줍니다.
다음 다시 공유를 한 번 수행해줍니다.
그 다음 위 페이지에서 아래 과정을 수행합니다.
^하단쪽에 있는 URL에서 Open Graph Object Debugger를 클릭합니다.
^ url을 입력하고 Fetch new scrape information을 누릅니다.
곧 바로 적용되지 않더라구요.
그래서 저는 잠시 다른 일 하다가 확인해보니깐 잘 변경되었습니다.
'자바스크립트,부트' 카테고리의 다른 글
kakao 3rd party app unlink (카카오 3rd 앱 연결 해제) (0) | 2016.06.20 |
---|---|
웹 개발, 크롬 개발자도구, 스마트폰(모바일) 기기 추가 (0) | 2016.05.26 |
카카오 링크 자바스크립트 예제(kakao link javascript example) (0) | 2016.05.12 |
페이스북 공유 이미지, 설명 변경하기 (2) | 2016.05.05 |
Bootstrap3 Typeahead : First Item Select (0) | 2016.05.01 |
티스토리 square스킨 스크롤 속도 조절 (0) | 2016.05.01 |
티스토리 폰트변경 (나눔고딕으로) (11) | 2016.05.01 |
Bootstrap Modal 띄우기(생성/열기/보여주기) (1) | 2016.05.01 |
감사합니다. 덕분에 변경안되던거 해결했어요!!!
댓글 감사합니다. 잘 해결되었다니 다행이네요 :-)