Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- Vanilla JS
- 301 리다이렉트
- SSL
- .htaccess
- 우분투 npm 설치
- nginx
- 보안인증서
- 글자 수 제한
- 날짜비교
- MariaDB
- 배열
- 자바스크립트
- 우분투
- php
- selinux
- 날짜변환
- MySQL
- 비동기호출
- JavaScript
- JS
- Ajax
- iframe
- post_type
- 애니메이트
- 보안헤더
- 리사이즈
- 페이지전환효과
- 글자수제한
- 정규식
- virsualhost
Archives
- Today
- Total
더 나은 프로그래머가 되자
페이스북 share 기능 본문
facebook share link 방식
단 facebook에서 해당 url을 크롤링하기 때문에 로컬에서 테스트 할 경우
외부에서도 접근이 가능한 상태여야 한다.
1 facebook 계정 생성 및 app_id 발급 (개발자 페이지에서 확인)
2. 공유할 페이지에 meta 태그 추가
<meta property="fb:app_id" content="APP_ID" />
<meta property="og:type" content="website" />
<meta property="og:title" content="웹 페이지 제목" />
<meta property="og:url" content="웹 페이지 URL" />
<meta property="og:description" content="웹 페이지 내용" />
<meta property="og:image" content="웹 페이지 대표 이미지" />
3. share 버튼에 2번에 해당하는 페이지 url로 호출 (팝업 등으로..)
4. 테스트
최초 1회 테스트 시 facebook 내에 해당 페이지가 cache로 남기 때문에
이미지 변경이 있을 경우 아래 url로 들어가 url란에 해당 url을 입력 후 debug 버튼을 눌러 초기화 시켜줌
|
'SNS관련 > 페이스북' 카테고리의 다른 글
| 이미지 썸네일 노출 방법 the open graph protocol (0) | 2016.01.21 |
|---|
Comments