[먼지팁] 상품 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개
3년 전
항상감사합니다.이번에 펄스나인님 스킨,테마로만 작업했네요.....
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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 431 | 1개월 전 | 117 | ||
| 430 | 1개월 전 | 153 | ||
| 429 | 1개월 전 | 177 | ||
| 428 |
선택과집중
|
1개월 전 | 220 | |
| 427 |
선택과집중
|
2개월 전 | 376 | |
| 426 |
비버팩토리
|
2개월 전 | 349 | |
| 425 |
선택과집중
|
2개월 전 | 253 | |
| 424 |
선택과집중
|
2개월 전 | 383 | |
| 423 |
선택과집중
|
2개월 전 | 355 | |
| 422 |
선택과집중
|
3개월 전 | 321 | |
| 421 |
선택과집중
|
3개월 전 | 373 | |
| 420 | 3개월 전 | 408 | ||
| 419 |
선택과집중
|
3개월 전 | 352 | |
| 418 |
세르반데스
|
3개월 전 | 320 | |
| 417 |
선택과집중
|
3개월 전 | 404 | |
| 416 |
선택과집중
|
4개월 전 | 319 | |
| 415 |
선택과집중
|
4개월 전 | 355 | |
| 414 |
선택과집중
|
4개월 전 | 366 | |
| 413 |
선택과집중
|
4개월 전 | 452 | |
| 412 |
선택과집중
|
5개월 전 | 396 | |
| 411 |
선택과집중
|
5개월 전 | 305 | |
| 410 |
다케미카코
|
7개월 전 | 818 | |
| 409 |
다케미카코
|
7개월 전 | 573 | |
| 408 | 7개월 전 | 555 | ||
| 407 |
 Ayaan |
9개월 전 | 914 | |
| 406 | 10개월 전 | 1006 | ||
| 405 |
 dkstmdc |
10개월 전 | 546 | |
| 404 | 1년 전 | 1260 | ||
| 403 | 1년 전 | 731 | ||
| 402 | 1년 전 | 765 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기