[먼지팁] 상품 URL 공유시 og:image, og:description 상품정보로 변경 해버리기
작업중에 구현했던 우주 먼지같은 팁입니다.
가끔 카톡으로 상품 Url을 보내거나 SNS에 상품 URL을 넣거나 하는 경우가 있는데
og:image 를 지원하는 곳이라면 head.sub.php 에 있는 메타태그 정보로 링크가 들어갑니다.
이걸 상품 URL 일때 해당 상품의 이미지와
상품명이 보이게끔 하는 방법입니다.
카톡외 다른 메신저나 페북, 블로그 등 og:image 를 지원 하는곳은
다 된다고 보셔도 될것 같습니다.
기술 1도 없는 먼지팁입니다.. 초보분들을 위한..
head.sub.php 파일의
<title><?php echo $g5_head_title; ?></title> 위쪽이나 아래쪽에
아래 코드를 넣어주세요.
[code]
<?php
if($it_id) {
$sql = " select it_name, it_img1 from {$g5['g5_shop_item_table']} where it_id = '$it_id' ";
$items = sql_fetch($sql);
?>
<meta property="og:image" content="<?php echo G5_URL ?>/data/item/<?php echo $items['it_img1']; ?>">
<meta property="og:description" content="<?php echo $items['it_name']; ?>">
<?php } else { ?>
<!-- 기존에 사용하고 있던 og:image, og:description 를 넣어주세요. -->
<!-- 상품이 아닌 URL의 경우 출력될 og 정보 입니다. 없으면 비워두시면 됩니다.-->
<?php } ?>
[/code]
$it_id 가 있는 경우
상품 정보를 얻는 쿼리를 실행해서 해당 상품의
첫번째이미지와 상품명을 og:image, og:description 으로 넣어줍니다.
큰제목(이미지 아래) 도 변경하고자 하시면
og:title 를 추가해주시면 되겠습니다.
좀 더 응용하면 상품 설명이나 가격도 넣어줄 수 있겠죠?!
가끔 카톡으로 상품 Url을 보내거나 SNS에 상품 URL을 넣거나 하는 경우가 있는데
og:image 를 지원하는 곳이라면 head.sub.php 에 있는 메타태그 정보로 링크가 들어갑니다.
이걸 상품 URL 일때 해당 상품의 이미지와
상품명이 보이게끔 하는 방법입니다.
카톡외 다른 메신저나 페북, 블로그 등 og:image 를 지원 하는곳은
다 된다고 보셔도 될것 같습니다.
기술 1도 없는 먼지팁입니다.. 초보분들을 위한..
head.sub.php 파일의
<title><?php echo $g5_head_title; ?></title> 위쪽이나 아래쪽에
아래 코드를 넣어주세요.
[code]
<?php
if($it_id) {
$sql = " select it_name, it_img1 from {$g5['g5_shop_item_table']} where it_id = '$it_id' ";
$items = sql_fetch($sql);
?>
<meta property="og:image" content="<?php echo G5_URL ?>/data/item/<?php echo $items['it_img1']; ?>">
<meta property="og:description" content="<?php echo $items['it_name']; ?>">
<?php } else { ?>
<!-- 기존에 사용하고 있던 og:image, og:description 를 넣어주세요. -->
<!-- 상품이 아닌 URL의 경우 출력될 og 정보 입니다. 없으면 비워두시면 됩니다.-->
<?php } ?>
[/code]
$it_id 가 있는 경우
상품 정보를 얻는 쿼리를 실행해서 해당 상품의
첫번째이미지와 상품명을 og:image, og:description 으로 넣어줍니다.
큰제목(이미지 아래) 도 변경하고자 하시면
og:title 를 추가해주시면 되겠습니다.
좀 더 응용하면 상품 설명이나 가격도 넣어줄 수 있겠죠?!
댓글 22개
4년 전
항상감사합니다.이번에 펄스나인님 스킨,테마로만 작업했네요.....
3년 전
@짤탱이 궁금하네요 ㅎㅎ 잘 써주셔서 제가 감사하죠 :D
coDribble
3년 전
꿀팁 감사합니다~!!
3년 전
@coDribble 댓글 감사합니다!
3년 전
감사합니다.
3년 전
@트리플 감사합니다!
브러운아이
3년 전
정말 유용한 정보네요, 활용도 높겠네요~ 감사합니다.
3년 전
@브러운아이 감사합니다~
flyduck7720
3년 전
감사합니다.
3년 전
@flyduck7720 댓글 감사합니다~
3년 전
좋아요.
3년 전
@lin 감사합니다~
우리동네노동권찾기
3년 전
굿입니다~~~~
3년 전
@우리동네노동권찾기 ^^
3년 전
추천합니다~
3년 전
@나야웹 감사합니다!
3년 전
감사합니다
3년 전
@레벨제로 댓글 감사합니다~
3년 전
감사합니다
3년 전
@목선웅 ^^
모노패러다임
3년 전
오 좋아요
3년 전
@모노패러다임 ㅎㅎ 감사합니다.
게시판 목록
영카트5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 161 | 9년 전 | 6837 | ||
| 160 | 9년 전 | 7040 | ||
| 159 |
블랙앤화이트
|
9년 전 | 4590 | |
| 158 | 9년 전 | 5167 | ||
| 157 | 9년 전 | 6789 | ||
| 156 | 9년 전 | 5026 | ||
| 155 | 9년 전 | 7606 | ||
| 154 | 9년 전 | 5388 | ||
| 153 | 9년 전 | 4382 | ||
| 152 | 9년 전 | 6549 | ||
| 151 | 9년 전 | 4756 | ||
| 150 |
 ideaman |
9년 전 | 5434 | |
| 149 | 9년 전 | 15842 | ||
| 148 | 9년 전 | 7448 | ||
| 147 | 9년 전 | 4103 | ||
| 146 |
 인텔리전트웹 |
9년 전 | 5097 | |
| 145 | 9년 전 | 4372 | ||
| 144 |
SSU53rd
|
9년 전 | 9584 | |
| 143 | 9년 전 | 5567 | ||
| 142 |
디자인PHP
|
9년 전 | 4711 | |
| 141 |
디자인PHP
|
9년 전 | 5244 | |
| 140 | 9년 전 | 4805 | ||
| 139 | 9년 전 | 4513 | ||
| 138 | 9년 전 | 5356 | ||
| 137 | 9년 전 | 4611 | ||
| 136 | 9년 전 | 9219 | ||
| 135 | 9년 전 | 4929 | ||
| 134 | 9년 전 | 9104 | ||
| 133 |
개같은내인생
|
9년 전 | 4470 | |
| 132 | 9년 전 | 5098 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기