[먼지팁] 상품 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년 전
항상감사합니다.이번에 펄스나인님 스킨,테마로만 작업했네요.....
4년 전
@짤탱이 궁금하네요 ㅎㅎ 잘 써주셔서 제가 감사하죠 :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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 191 | 8년 전 | 4351 | ||
| 190 | 8년 전 | 4854 | ||
| 189 | 8년 전 | 5277 | ||
| 188 | 8년 전 | 3767 | ||
| 187 | 8년 전 | 8532 | ||
| 186 | 8년 전 | 8935 | ||
| 185 | 8년 전 | 4088 | ||
| 184 | 8년 전 | 4540 | ||
| 183 | 8년 전 | 5074 | ||
| 182 | 8년 전 | 4884 | ||
| 181 | 8년 전 | 8266 | ||
| 180 | 8년 전 | 3832 | ||
| 179 | 8년 전 | 4381 | ||
| 178 | 8년 전 | 11667 | ||
| 177 | 8년 전 | 4044 | ||
| 176 | 8년 전 | 3632 | ||
| 175 | 8년 전 | 3850 | ||
| 174 | 8년 전 | 7442 | ||
| 173 | 8년 전 | 4300 | ||
| 172 | 8년 전 | 4453 | ||
| 171 | 8년 전 | 3949 | ||
| 170 | 8년 전 | 6014 | ||
| 169 | 9년 전 | 3701 | ||
| 168 |
절약사나이
|
9년 전 | 6069 | |
| 167 | 9년 전 | 5213 | ||
| 166 | 9년 전 | 9284 | ||
| 165 | 9년 전 | 4433 | ||
| 164 | 9년 전 | 3737 | ||
| 163 | 9년 전 | 3715 | ||
| 162 | 9년 전 | 4160 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기