테스트 사이트 - 개발 중인 베타 버전입니다

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

· 3년 전 · 4042 · 22
Screenshot-2021-12-08-at-01.06.59.png
작업중에 구현했던 우주 먼지같은 팁입니다.

가끔 카톡으로 상품 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개

3년 전
오 좋아요
3년 전
@모노패러다임 ㅎㅎ 감사합니다.

게시글 목록

번호 제목
1634
1632
1631
1630
1629
1625
1608
1595
1578
1571
1567
1561
1560
1558
1555
1554
1553
1552
1551
1547
1538
1531
1527
1523
1522
1512
1511
1506
1503
1489