Menampilkan Artikel Blogger di Twitter

Saya rasa ada banyak orang yang membuat blog dan juga menggunakan Twitter. Saat Anda memposting artikel blog, Anda dapat mengirimkan notifikasi di Twitter, atau saat pembaca memperkenalkan artikel Anda di Twitter, akan lebih mudah bagi mereka untuk menggunakannya jika Anda menyesuaikannya agar lebih terlihat. Kali ini saya akan memperkenalkan metode kustomisasi yang diterapkan di blog (blogger), tujuannya tak lain adalah agar blogger anda dapat terlihat di akun Twitter anda.

Untuk menerapkan hal tersebut, anda harus memasukkan script di bawah ini pada template blogger anda.

<!-- OGP -->
<meta content='summary_large_image' name='twitter:card'/>
<meta content=' @xxxxxx' name='twitter:site'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- 投稿記事OGP -->
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' property='og:title'/>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <meta expr:content='data:blog.postImageUrl' name='thumbnail'/>
<b:else/>
    <!-- TOP/個別記事OGP -->
    <meta content='画像url（TOP用）' property='og:image'/>
    <meta content='blog' property='og:type'/>
    <meta expr:content='data:blog.homepageUrl' property='og:url'/>
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
</b:if>

Jika anda ingin artikel anda agar lebih terlihat, tambahkan script di bawah ini.

meta content='summary_large_image' name='twitter:card'/>

Anda juga bisa menggunakan kode tag blogger (percabangan bersyarat/fungsi if). Perhatikan contoh script Opengraph twitter di bawah ini. Script di bawah ini harus anda letakkan di template blogger anda.

Script 1: Untuk artikel yang diposting

<meta content='article' property='og:type'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' property='og:title'/>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta expr:content='data:blog.postImageUrl' name='thumbnail'/>

Saat menampilkan artikel di Twitter, artikel anda akan didefinisikan sebagai berikut.

・Halaman saat ini adalah halaman artikel

・URL yang ditampilkan di Twitter adalah "data:blog.canonicalUrl"

・Judul atau Card Title nya adalah "Post | Blog Title"

・Thumbnail yang ditampilkan pada twitter adalah "data:blog.postImageUrl"

Script 2: Untuk artikel TOP atau individual

<meta content='URL gambar' property='og:image'/>
<meta content='blog' property='og:type'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>

Hal yang sedikit berbeda adalah gambar tetap diatur di bagian thumbnail. Saya juga mengubah judul yang ditampilkan pada kartu menjadi judul halaman. Jika Anda ingin mengaturnya di halaman Anda sendiri, silakan ubah bagian gambarnya sesuai kebutuhan.

Jika Anda mengaturnya seperti ini, tampilan blog Twitter Anda akan terlihat bagus, jadi silakan mencobanya.