Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Khai báo thẻ Facebook Open Graph cho blogspot

Chủ đề thuộc danh mục 'Hướng dẫn/Thủ thuật Blogspot tại đây' được đăng bởi khanhhlu, 2/12/14.

Lượt xem: 6,338

  1. khanhhlu Mới đăng kí

    Facebook Open Graph là 1 giao thức dùng để giao tiếp giữa website của bạn với mạng xã hội facebook. Hay nói cách khác Open Graph chính là cầu nối giúp website của bạn trở thành một phần của mạng xã hội để cho việc quảng bá website và tương tác mạng xã hội được dễ dàng hơn.[​IMG]

    Facebook Open Graph bao gồm một tập hợp meta tags giúp bạn định nghĩa nội dung trên website thành dữ liệu có cấu trúc mà Facebook có thể hiểu được. khi bạn share, like 1 link hoặc cập nhật 1link trên status, nếu website của bạn không có sử dụng Opne Graph thì Facebook chỉ nhận ra link bài viết mà thôi.

    Khi chèn Open Graph vào website nó sẽ làm cho web pages mà bạn chia sẻ trở thành đối tượng có các thuộc tính mà mạng xã hội yêu cầu như là title, description, ảnh thumbnail…Vì thế link chia sẻ sẽ có đầy đủ ảnh thumbnail, description do bạn chỉ định để lôi kéo người đọc click theo chủ ý của bạn.

    Cách chèn Facebook Open Graph vào blogspot. Thay đổi dòng chữ màu đỏ cho phù hợp với blog của bạn là được.
    Code:
    <meta property='og:title' expr:content='data:blog.pageTitle'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <meta property='og:type' content='article'/>
    <b:else/>
      <meta property='og:type' content='website'/>
    </b:if>
    <meta property='og:url' expr:content='data:blog.canonicalUrl'/>
    <!-- Large image, original size -->
    <b:if cond='data:blog.postImageUrl'>
      <meta property='og:image' expr:content='data:blog.postImageUrl'/>
    <b:else/>
      <!-- Thumbnail image, 72 × 72 pixels -->
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta property='og:image' expr:content='data:blog.postThumbnailUrl'/>
      <b:else/>
        <!-- Default, no image. Use favicon or your own image URL -->
        <meta property='og:image' expr:content='data:blog.blogspotFaviconUrl'/>
      </b:if>
    </b:if>
    <b:if cond='data:blog.metaDescription'>
      <meta property='og:Description' expr:content='data:blog.metaDescription'/>
    <b:else/>
      <meta property='og:Description' content='{{DEFAULT SITE DESCRIPTION GOES HERE}}'/>
    </b:if>
    <meta property='og:-site_name' expr:content='data:blog.title'/>
    <!--
    Optional. Read more → [URL='https://developers.
    	
    facebook.com/docs/platforminsights']Insights for your 
    	
    Facebook App, Domain or Page[/URL]
    <meta property='fb:admins' content='{{FB ADMINS}}'/>
    <meta property='fb:app_id' content='{{APP ID}}'/>
    -->
    Nguồn: http://www.heartvietnam.news/

    ...
    Chỉnh sửa lần cuối: 11/8/15
Từ khóa:

Ủng hộ diễn đàn