Saya memiliki situs web yang menampilkan mobil. jika pengguna mengklik setiap mobil, itu akan mengarahkan ke setiap halaman info mobil. Saya ingin membagikan setiap konten mobil (gambar, judul, deskripsi, url). Misalnya jika pengguna mengklik mobil dengan id 1, dialog bagikan akan menampilkan konten untuk id mobil 1 itu, dan jika pengguna mengklik mobil dengan id 2, bagikan akan menampilkan konten untuk id mobil 2. Saya telah mencari solusi di Google tetapi belum menemukannya. Di bawah ini adalah kode saya.
<head>
<meta property="og:url" content="<?php echo 'http://motorcarmyanmar.com';?>" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Buy,Sell,Rent,Or Lease Cars Or Car Accessories In Myanmar" />
<meta property="og:description" content="Car Sales,Car Rentals,Car Accessories Sales" />
<meta property="og:image" content="http://motorcarmyanmar.com/pictures/car1.png" />
<meta property="og:image:alt" content="car picture"/>
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="400" />
<meta property="fb:app_id" content="1538657022815637" />
</head>
Di awal tubuh.
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1538657022815637',
autoLogAppEvents : true,
xfbml : true,
version : 'v2.8'
});
FB.AppEvents.logPageView();
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=1538657022815637";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Di halaman info mobil.
<script>
document.getElementById('shareBtn').onclick = function() {
var title,description,image;
title=$('#title_fb').val();
description=$('#description_fb').val();
image=$('#image_fb').val();
FB.ui({
method: 'share_open_graph',
action_type: 'og.shares',
action_properties: JSON.stringify({
object: {
'og:url': window.location.href,
'og:title': title,
'og:description': description + ' Lakhs',
'og:image': image,
'og:image:width':'500',
'og:image:height':'400'
}
})
},
function (response) {
// Action after response
});
}
</script>
Dengan kode yang saya berikan, pembagian dinamis berfungsi. Tapi saya ingin gambar yang dibagikan lebih besar bukan thumbnail. Saya membaca bahwa jika share mencapai 50 hitungan, tag og tidak dapat diedit. Jadi apakah ada cara lain untuk berbagi atau cara ini benar. Saya melihat halaman situs web lain berbagi konten dinamis tanpa membuat objek.
2 jawaban
Ikuti praktik terbaik Facebook tentang ukuran gambar: https://developers.facebook.com /docs/sharing/best-practices/#images
Selain itu, Anda harus menggunakan URL terpisah dengan tag og:url terpisah untuk setiap pembagian dan hanya method: 'share' tanpa parameter lain. Metode share_open_graph itu hanyalah solusi.
Sebagai contoh:
<meta property="og:url" content="<?php echo 'http://motorcarmyanmar.com/?id=' . $_GET['id'];?>" />
Tentu saja Anda perlu memeriksa apakah parameternya ada, tetapi itu hanya sebuah contoh.
Urlnya adalah http://www.motorcarmyanmar.com/pages/car_details/ca36? ca36=Rincian&Rincian=ca36
<head>
<?php
$title_header="";
$description_header="";
$features_header="";
$image_header="";
if(isset($_GET['Details']))
{
$car_id=$_GET['Details'];
$car_details= //get from database width $car_id;
$title_header=$car_details['header'];
$description_header=$car_details['description'];
$image_header=$car_details['image'];
}
?>
<!-- You can use Open Graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
<meta property="og:url" content="<?php echo 'http://motorcarmyanmar.com' . $_SERVER['REQUEST_URI'];?>" />
<meta property="og:type" content="website" />
<meta property="og:title" content="<?php echo (!empty($title_header)?$title_header:'Some Buy,Sell,Rent');?>" />
<meta property="og:description" content="<?php echo (!empty($description_header)?$description_header:'Car Sales,Car Rentals,Car Accessories Sales');?>" />
<meta property="og:image" content="<?php echo (!empty($image_header)?$image_header:'http://motorcarmyanmar.com/images/icons/car1.jpg');?>" />
<meta property="og:image:alt" content="car picture"/>
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="400" />
<meta property="fb:app_id" content="1538657022815637" />
</head>
Ini adalah apa yang saya lakukan. Dengan kode ini, beberapa halaman menampilkan konten berbagi yang benar (judul, deskripsi, gambar), beberapa halaman menampilkan konten berbagi beranda default. Tetapi hanya url yang tepat untuk setiap halaman. Apakah kode dalam arah yang benar?