[먼지팁] 상품 URL 공유시 og:image, og:description 상품정보로 변경 해버리기 > 영카트5 팁자료실

영카트5 팁자료실

[먼지팁] 상품 URL 공유시 og:image, og:description 상품정보로 변경 해버리기 정보

[먼지팁] 상품 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> 위쪽이나 아래쪽에
아래 코드를 넣어주세요.


<?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 } ?>


$it_id 가 있는 경우
상품 정보를 얻는 쿼리를 실행해서 해당 상품의
첫번째이미지와 상품명을 og:image, og:description 으로 넣어줍니다.

큰제목(이미지 아래) 도 변경하고자 하시면
og:title 를 추가해주시면 되겠습니다.

좀 더 응용하면 상품 설명이나 가격도 넣어줄 수 있겠죠?!
추천
14

댓글 22개

전체 392
영카트5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT