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

영카트 제품 상세페이지 공유하기, 제목과 내용 불러오기... 채택완료

하늘그루터기 1년 전 조회 5,246

영카트 제품 상세페이지에 있는 카카오톡 공유하기 버튼입니다.

링크와 이미지 불러오기는 성공했는데, 제목과 설명 불러오기를 못하고 있어 애 먹고 있습니다.ㅠㅠ

title, descripton 여기에 해당 페이지의 내용이 들어가게 해야는데.. 코드를 어떻게 넣어야할지 모르겠습니다. 도움 부탁드립니다.

 

</p>

<pre>
<code>var webUrl = location.protocol+"<?php echo '//'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>",
                imageUrl = $("#bo_v_img").find("img").attr("src") || $(".view_image").find("img").attr("src") || '';

				Kakao.Link.sendDefault({
					objectType: 'feed',
					content: {
						title: " ",
						description: " ",
						imageUrl: imageUrl,
						link: {
							mobileWebUrl: webUrl,
							webUrl: webUrl
						}
					},</code></pre>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

답변에 대한 댓글 5개

하늘그루터기
1년 전
답변 감사합니다..
혹시 사이트 meta에 입력된 og:title og:descripton 를 불러오게 하려면 어떻게 해야는지.. 문의드려도 될까요?
배르만
1년 전
기본 기능엔 ogp 로 채워주는 부분이 없는것 같습니다.
meta 가 입력된 소스파일을 찾은다음 참조가 필요할것 같습니다.
하늘그루터기
1년 전
https://sir.kr/yc5_tip/1956 글 참고했습니다.

head.sub.php 파일에서 meta 를 다음과 같이 넣어준다음..

[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:title" content="<?php echo $items['it_name']; ?>">
<meta property="og:image" content="<?php echo G5_URL ?>/data/item/<?php echo $items['it_img1']; ?>">
[/code]

공유소스 페이지에서 함수 선언해준다음 불러와서 title은 했습니다.
var shareTitle = $('meta[property="og:title"]').attr('content');
title: shareTitle,

descripton 도 title 처럼 응용하면 될 거 같은데요.
뒤에 $items['???']; 여기에 무엇을 넣어야는지 모르겠네요. ㅠㅠ
<meta property="og:descripton" content="<?php echo $items['it_name']; ?>">
배르만
1년 전
$items['it_name'] 은 이미 사용된 코드 같습니다.
[code]
<meta property="og:descripton" content="<?php echo $items['it_name']; ?>">
[/code]

다음 항목들을 시도해보고 적당한 값을 찾아보는건 어떨지 싶습니다.
[code]
<meta property="og:description" content="<?php echo $items['it_basic']; ?>">
[/code]
[code]
<meta property="og:description" content="<?php echo $items['it_explan']; ?>">
[/code]
[code]
<meta property="og:description" content="<?php echo $items['it_explan2']; ?>">
[/code]
[code]
<meta property="og:description" content="<?php echo $items['it_mobile_explan']; ?>">
[/code]
하늘그루터기
1년 전
감사합니다. 도움이 많이 되었어요~^^

댓글을 작성하려면 로그인이 필요합니다.

R
1년 전

</p>

<pre>
var webUrl = location.protocol+"<?php echo '//'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>",
                imageUrl = <?php echo get_it_thumbnail($it['it_img1'], 100, 100);?>
                title = "[XX쇼핑 상품정보]";
                description = "<?php echo get_text($it['it_name']); ?>";

				Kakao.Link.sendDefault({
					objectType: 'feed',
					content: {
						title: title,
						description: description,
						imageUrl: imageUrl,
						link: {
							mobileWebUrl: webUrl,
							webUrl: webUrl
						}
					},</pre>

<p>

 

형태로 해보세요.

*ps : 상품의 상품명은 $it['it_name'] , 상품설명은 $it['it_basic] 으로 끌어다 쓰시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인