Fix image khi share link lên fb

[haiquang9994]

======Copy url=====
+Các tag meta cần thiết:

<link rel="image_src" href="[IMAGE_LINK]" />
<meta property="og:title" content="[TITLE_SHARE]" />
<meta property="og:type" content="[article/website]" />
<meta property="og:image" content="[IMAGE_LINK]" />
<meta property="og:description" content="[DESCRIPTION]" />
<meta property="og:url" content="[PAGE_LINK]" />
<meta property="article:author" content="https://www.facebook.com/[FAN_PAGE]" />
<meta name="author" itemprop="author" content="[DOMAIN_SITE]" />
<meta property="fb:app_id" content="xxxxxxxxxxxxxxxxxx" />

Ví dụ:

• meta property="article:author" có content là link fan page, nhưng meta name="author" không xác định: thì bên dưới khung share sẽ hiển thị dạng:

TÊN.DOMAIN | BỞI TÊN.FAN.PAGE
{tên fanpage này có link về trang fan page}

• meta property="article:author" có content là link fan page, và meta name="author" là domain website: thì bên dưới khung share sẽ hiển thị dạng:

BỞI TÊN.FAN.PAGE
{tên fanpage này có link về trang fan page}
{Giống như các bài share của trang 24h trên fb}

+Một số property khác:

- og:site_name
- og:locale : Ngôn ngữ, mặc định là en_US
- og:video : url của video, cần bổ sung og:image
- og:video:type
https://developers.facebook.com/docs/sharing/opengraph/object-properties

+Link tạo App facebook:

https://developers.facebook.com/apps

+Kích hoạt app

Trong phần Setting, nhập đầy đủ App Domains, Contact Email
Trong phần Status & Review, kích hoạt App

+Link debug url cần share:

https://developers.facebook.com/tools/debug/

Sau khi debug, url sẽ được facebook sẽ lưu vào cache.
Sau đó, có thể copy url lên facebook để share.

+Code js auto refresh cache của fb:

<script>
  $.post('https://graph.facebook.com', {id: document.URL, scrape: true}, function (response) {});
</script>

Đặt code này vào trang cần refresh cache.
Như vậy sau khi mở bài viết lên, đem link đi share sẽ hiện đầy đủ thông tin trong thẻ meta.