Cách chia sẻ bài viết lên Facebook an toàn và tương tác cao
Ngày nay Facebook sử dụng thuật toán phân tích rất khắt khe với những liên kết chia sẻ công khai, rất nhiều tên miền bị cấm đăng, đó là một tổn thất rất lớn cho người viết Blog. Không đơn giản cứ chèn liên kết chia sẻ vào bài viết mà phải định cấu hình tạo ứng dụng Facebook, thêm miền ứng dụng là tên miền của web và định cấu hình hộp thoại chia sẻ.
Ngoài ra khi chia sẻ bài viết hãy viết vài dòng tóm tắt mô tả bài viết muốn nhấn mạnh chủ đề gì hoặc không hãy lấy đoạn mở bài. Mục đích để thu hút người đọc nhấp chuột vào liên kết chia sẻ đem lại sự tương tác cao.
Dưới đây mình sẽ hướng dẫn các bước định cấu hình tạo ứng dụng Facebook, thêm miền ứng dụng là tên miền của web và định cấu hình hộp thoại chia sẻ
1. Tạo ứng dụng Facebook
Việc này rất đơn giản, chỉ cần có tài khoản Facebook đang hoạt động, một email đăng ký để tạo ứng dụng Facebook mới và hoàn toàn miễn phí. Trong mục Ứng dụng của tôi chọn menu thả xuống chọn Thêm ứng dụng mới
Khi tạo xong trong bảng điều khiển ứng dụng chọn Cài đặt > Thông tin cơ bản hãy thêm vào các ô trống theo yêu cầu
Lưu ý trước khi thêm được Miền ứng dụng cần thêm nền tảng trang web ở ngay phía dưới
2. Thêm SDK gọi ứng dụng
Chèn script sdk vào trước thẻ đóng </body> để gọi ứng dụng
<div id="fb-root"></div>
<script>
//<![CDATA[
(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 = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v3.2&appId=App_ID&autoLogAppEvents=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]></script>
Thay App_ID bằng ID ứng dụng mà bạn vừa tạo mới.
3. Định cấu hình hộp thoại chia sẻ
Thêm đoạn script gọi hộp thoại chia sẻ chèn trước thẻ đóng </body>
<script>
var postUrl = "<data:blog.url.canonical/>";
//<![CDATA[
document.getElementById('shareBtn').onclick = function() {
FB.ui({
method: 'share',
mobile_iframe: true,
href: postUrl,
}, function(response){});
}
//]]></script>
Chèn nút chia sẻ vào bài viết
<button id="shareBtn" expr:title="data:messages.share"><data:messages.share/></button>
Viết css cho nút chia sẻ chèn trong <b:skin>...</b:skin>
}
#shareBtn {
display: inline-block;
padding: 3px 5px;
background-color: #365899;
color: #ffffff;
font-size: 11px;
border-radius: 3px;
vertical-align: bottom;
cursor: pointer;
border: none;
outline: none;
4. Thêm thẻ meta open graph dưới </head>
Kiểm tra xem còn thiếu thẻ meta nào dưới đây, hãy thêm vào Blog của bạn
<meta content='ID Ứng dụng' property='fb:app_id'/>
<meta content='Tên web' property='og:site_name'/>
<b:if cond='data:view.isSingleItem'>
<meta content='article' property='og:type'/>
<meta content='https://www.facebook.com/vietblogdao' property='article:author'/>
<meta content='https://www.facebook.com/vietblogdao' property='article:publisher'/>
</b:fif>
<meta content='data:blog.url.canonical' property='og:url'/>
<meta content='data:view.title.escaped' property='og:title'/>
<meta content='data:view.description.escaped' property='og:description'/>
<b:if cond='data:view.featuredImage'>
<meta expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")' property='og:image'/>
<b:elseif cond='data:widgets'/>
<b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage)' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")' property='og:image'/>
</b:loop>
<b:elseif cond='data:blog.postImageUrl'/>
<meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "1200:630")' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bL6zv4ztNTRckXs2t1pbqA23cHWcDbVXGFesr1OjGWPxb_mGngR5vKXsUuQ5YqEZv3oCnqxINnx20atpEm3gU3GcEGgOUsBnbY8sU6cmZJnJshG1qWjGcrauFJUvzd6RcJCGd1h141F0/w1200-h630-p-k-no-nu/blogger.jpg' property='og:image'/>
</b:if>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<meta expr:content='data:view.title.escaped' property='og:image:alt'/>
5. Xem báo cáo phân tích ứng dụng
Truy cập trang phân tích ứng dụng của Facebook, chọn ứng dụng để xem báo cáo tổng quan về mức tương tác của người dùng.