ブログパーツなどを設定する(記事編)

HTMLやスクリプトを記載することにより、任意のブログパーツ、ソーシャルプラグイン、広告などを記事（記事本文の上または下）に設定できます。

ブログパーツやソーシャルプラグインを設定する

1. ブログパーツやソーシャルプラグインのHTMLコードを、配布サイトからコピーする
2. ブログパーツやソーシャルプラグインを「記事上」に設定するか、「記事下」に設定するか決める
3. 「はてなブログMedia」の管理画面 > [デザイン] の「記事」を開き、「記事上下のカスタマイズ」までスクロールする
4. 「記事上」または「記事下」のテキストエリアに1で取得したHTMLコードをペーストする。記事URLや記事タイトルなどを、必要に応じて変数に置き換える。
5. 「変更を保存する」をクリックする

「記事上」および「記事下」に設置したブログパーツなどは、用意されたソーシャルパーツとは異なり、記事ページにのみ表示します。記事ページに設置しなければ正常に動作しないものや、大きな表示領域を占めることがあるためです。

変数の利用目的

変数を利用することにより、記事ごとに、シェアされる情報を簡単に設定することができます。

一般的に、ブログパーツやソーシャルプログインなどを記事に貼り付ける場合、シェアされる情報（記事URLや記事タイトル）を記事ごとに設定しなければなりません。

変数を利用することにより、記事ごとの個別設定は不要となります。

例えば、「記事上」もしくは「記事下」欄のテキストエリアに {Title} という変数を指定すると、記事ごとにそれぞれの記事タイトルに置き換えることができます。

「記事上下のカスタマイズ」で使用できる変数の一覧

「記事上下のカスタマイズ」の「記事上」および「記事下」で使用できる変数は以下の通りです。

変数	内容
{Title}	記事タイトル
{Description}	記事の概要(未入力時は記事本文の冒頭300文字を表示)
{Permalink}	記事URL（パーマリンク）
{BlogTitle}	ブログタイトル
{BlogURL}	ブログURL

また、上記の変数に対して、それぞれ記号や日本語などをURLエンコードした値も使用できます。

変数	内容
{URLEncodedTitle}	URLエンコードされた記事タイトル
{URLEncodedPermalink}	URLエンコードされた記事URL（パーマリンク）
{URLEncodedBlogTitle}	URLエンコードされたブログタイトル
{URLEncodedBlogURL}	URLエンコードされたブログURL

この変数は「スマートフォン」タブの「記事」にある「記事上下のカスタマイズ」でも同要に使用できます。