[ウェブサービス系パーツ]クチコミ&RSS購読ボタンを設置する

ニュースパーツでは、閲覧しているページのソーシャルブックマークへの登録、RSSの購読、Twitterでつぶやくためのボタンを配置し、あなたのサイトをクチコミで効果的に宣伝することができます。

このパーツはブロックの横幅が狭いと正しく表示されません。サイドエリア以外でご利用ください。

 

「ニュース」を選択する

パーツを貼りつけるブロックをブロックエディタで開きます。「ウェブサービス系パーツ」の〈ニュース〉をクリックします。

アイテムを選択する

ニュースのタイプ選択が表示されます。ここから〈クチコミ&RSS購読ボタン〉を選んで[1]、〈次へ〉をクリックします[2]。

表示するボタンを選択する

表示するボタンの選択が表示されます。ここでは、〈「ブックマークボタン」を使用する〉、〈「つぶやくボタン」を使用する〉、〈「RSS購読ボタン」を使用する〉の3つのうち、表示させたいものをチェックします[1]。設定が終わったら〈次へ〉をクリックします[2]。

サービスを設定する

「サービスの設定」が表示されます。ここでは、〈Googleブックマーク〉〈はてなブックマーク〉の各サービスのうち、登録可能にしたいサービスをチェックします[1]。また、自分の(またはサイト用の)Twitterアカウントも入力しておきます[2]。設定が終わったら〈次へ〉をクリックします[3]。

ブックマークのURLを設定する

ブックマークボタンの設定が表示されます。ここでは、パーツを設定するページ(現在見ているページ)をブックマークするか、任意のページをブックマークさせることもできます[1]。設定が終わったら〈次へ〉をクリックします[2]。

RSSボタンを設定する

RSSボタンに関連づけるニュースソースを選択します。ニュースを登録したい場合は「ニュース」を選びます。任意のニュースソースを貼りつける場合は「RSSフィードを指定」を選び、RSSフィードのURLを入力します[1]。設定が終わったら〈次へ〉をクリックします[2]。

ニュースはサイトの新しい情報をRSSとして告知したいときに使います。

設定を確認する

設定の確認が表示されます。内容を確認し、間違いがなければ〈適用〉をクリックします。

パーツが貼りつけられる

ブロックエディタにニュースパーツが貼りつけられます。〈適用〉をクリックすると変更が反映されます。

ブックマークボタンの表示を確認する

サイトエディタで〈プレビュー〉をクリックし、ページ上の〈ブックマーク〉をクリックして各ブックマークボタンが表示されることを確認します。

また、各ブックマークをクリックすると、各サービスへのログイン画面が表示されます(画面は「Yahoo!ブックマーク」の場合)。自分のアカウントでログインして動作を確認します。

RSSボタンの表示を確認する

サイトエディタで〈プレビュー〉をクリックし、ページ上の〈RSSを購読〉をクリックして各RSSボタンが表示されることを確認します。

ログイン画面が表示されますので、ログインを行って動作を確認します。

Twitterでつぶやく

サイトエディタで〈プレビュー〉をクリックし、ページ上の〈Twitterでつぶやく〉をクリックして動作を確認します。〈このサイトのオーナーをFollowする〉をクリックすると、設定したTwitterアカウントのページが開きます。

Twitterでつぶやくためのボタンは、プレビュー上では表示されません。サイトをアップロード後、表示できます。