Sửa lỗi nút chia sẻ Twitter cho blogspot

Thời gian gần đây Twitter có thay đổi chút ít về cách nhận dạng khi các blog/web chia sẻ link lên trang mạng xã hội này.

Với các mẫu blogspot mới được chia sẻ thì những người thiết kế mẫu hầu như đã cập nhật tính năng này nhưng với các mẫu cũ thì sẽ gặp lỗi khi share link lên Twitter.

Cụ thể là sau khi nhấn nút share trên blog nó sẽ chuyển tới trang chủ twitter cá nhân và hỏi bạn có yêu cầu gì?

Sau đó ta lại phải post lại link và sau khi hoàn thành ta chỉ được 1 đường link mà không có tiêu đề bài viết, không có ảnh và phần tóm tắt cũng như liên kết tiêu đề blog.

Để khắc phục lỗi share link lên twitter cho blogspot ta cần thay đổi đôi chút trong code HTML của tiện ích share này.Để khi share link lên twitter sẽ được như hình:

Sửa lỗi nút chia sẻ Twitter cho blogspot

+ Phần thẻ meta tag vẫn giữ nguyên như cũ

<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta content='summary_large_image' name='twitter:card'/>
      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
    <b:else/>
      <meta content='summary' name='twitter:card'/>
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> 
      </b:if>
    </b:if>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
    </b:if>

+ Phần code html cần thay đổi

Với các mẫu cũ phần html có dạng

<a class='twitter' expr:href='&quot;https://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url' rel='nofollow' target='_blank' title='Chia sẻ lên Twitter'>
                          <i class='fa fa-twitter'/>
                        </a>

Trong đó class='twitter' là phần css định cấu hình nút chia sẻ tùy thuộc mỗi mẫu ta chỉ sửa phần bôi xanh.

Sửa lại thành:

<a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
                          <i class='fa fa-twitter'/>
                        </a>

Thủ thuật nhỏ chắc sẽ có ích đối với các bạn.