Bước 1: trước tiên bạn phải tạo 1 đoạn <script> để kết nối với nút share của facebook các bạn tạo ra bằng cách truy cập vào đường link sau để tạo: https://developers.facebook.com/docs/plugins/share-button
- đoạn code <script> lấy được như sau :
<div id="fb-root"></div>
<script>(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/vi_VN/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="<?php echo curPageURL();
?>" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">Chia sẻ</a></div>
--> dán vào chỗ bạn cần hiển thị nút share facbook.
Bước 2: các bạn sao chép đoạn code này và dán vào sau thẻ <body> mở
<?php
function curPageURL() {
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
$pageURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80") {
$pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
} else {
$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
}
return $pageURL;
}
?>
2 - lấy url hiện tại của website viết bằng mã nguồn wordpress để tích hợp chia sẻ trên facebook.
Bạn sao chép đoạn code bên dưới và dán vào chỗ bạn cần hiển thị nút share bài lên mạng xã hội facebook trên website viết bằng mã nguồn wordpress.
<?php global $wp;
$current_url = home_url(add_query_arg(array(),$wp->request)); ?>
<div id="fb-root"></div>
<script>(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/vi_VN/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="<?php echo $current_url;
?>" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">Chia sẻ</a></div>
====> nếu bạn viết bằng javascript để lấy url hiện tại bằng js bạn dùng đoạn code sau:
window.location.href 
Không có nhận xét nào:
Đăng nhận xét