バズ ブースト コードのスニペットの作成
バズ ブーストを使用するには、フィードの [集客支援] タブを表示し、左側のメニューから [バズ ブースト サービス] を選択します。 バズ ブーストのオプションを必要に応じて設定し、[有効にする] をクリックします。このサービスがすでに有効になっている場合は、[保存] をクリックしてください。
次に、FeedBurner がフィードに生成したバズ ブースト コードのスニペットをコピーし、現在公開しているウェブページ テンプレートに貼り付けます。 ブラウザでそのページを表示すると、選択したフィードの見出しや、設定によっては、オプションのコンテンツ記事の抜粋や日付スタンプがバズ ブーストによって表示されます。
バズ ブーストの外観のカスタマイズ
バズ ブーストの出力には、id
属性と class
属性が設定され、キャスケード スタイルシートを使用して、再シンジケートされたフィードをご自由にスタイル設定できます。
次に、出力コードの詳細と、スタイルを適用するためのいくつかのヒントを示します。 手順については、カスタマイズ方法のサンプルをご覧ください。
最初にコード出力全体を示します。 このブロックにはエントリのみが表示されますが、このエントリが複数のエントリに繰り返されます。
<div class="feedburnerFeedBlock" id="myfeeduri1234">
<p class="feedTitle">フィード タイトル</p>
<ul>
<li><span class="headline"><a href="#">最初の記事の見出し</a></span>
<p class="date">2005年1月22日</p>
<div>Aliquam delenit enim nostrud autem velit eum aliquip lobortis consectetuer eum volutpat vero autem et. Tincidunt consequat illum quis suscipit dolor nonummy in dolore.</div>
<p class="enclosure"><a href="#">ポッドキャストをダウンロード</a></p></li>
.
.
.
</ul>
<div id="creditfooter"><a href="http://www.feedburner.com" target="_blank">
<img src="http://www.feedburner.com/fb/images/buzzboost-pwrd.gif" alt="FeedBurner による見出し" /></a>
</div>
</div>
ここで、行ごとに説明します。
<div class="feedBurnerFeedBlock" id="myfeeduri1234">
生成するバズ ブーストにはこのクラスが含まれるため、サイト上の複数のブロックに同様のスタイルを適用できます。 また、各ブロックには、FeedBurner のフィード URI や ユーザー ID から構築された固有の ID が適用されるため、スタイル固有のコード ブロックを作成できます。
<p class="feedTitle">フィード タイトル</p>
フィードのタイトル、または設定時に指定したタイトルです。 設定時に [フィードのタイトルを表示] を選択しなかった場合は、タイトルはバズ ブーストの出力に表示されません。 別の要素と feedTitle
を混同しないように、カスケード スタイルシートで下位のセレクターを次のように使用します。
div.feedBurnerFeedBlock p.feedTitle { color: red; }
3 行目は表示されるとおりです。4 行目を説明します。
<li><span class="headline"><a href="#">最初の記事の見出し</a></span>
<p class="date">2005年1月22日</p>
li
によって、最初のフィード記事にマークが設定されます。 この記事の見出しと日付にはクラスが設定され、スタイルと関連付けられます。 ここでも、下位のキャスケード スタイルシートを使用して、混同を避けます。 日付は、設定時に [記事配信日時を表示する] を選択しているかと、選択した形式および掲載位置によって決まります。
<div>Aliquam delenit enim nostrud autem velit eum aliquip lobortis consectetuer eum volutpat vero autem et. Tincidunt consequat illum quis suscipit dolor nonummy in dolore.</div>
抜粋 (指定した場合は全文) が div
で折り返されます。これは、<p>
タグおよびその他すべてを含む完全な HTML を含めているか、単純なプレーン テキストを含めているかに関係なく、有効なコンテナとして機能します。 設定時に [記事の抜粋を表示] を選択した場合にだけ、抜粋が表示されます。長さと形式は、ドロップダウン メニューで指定できます。
<p class="enclosure"><a href="#">ポッドキャストをダウンロード</a></p></li>
キャスケード スタイルシートの下位のセレクターを使用してエンクロージャー (ポッドキャストなど) のリンクのスタイルを設定します。 ポッドキャスト リンクは、設定時に [ポッドキャスト リンクを表示] を選択した場合で、かつ、フィードの記事にエンクロージャーが含まれている場合にだけ表示されます。
<div id="creditfooter"><a href="http://www.feedburner.com" target="_blank">
<img src="http://www.feedburner.com/fb/images/buzzboost-pwrd.gif" alt="FeedBurner による見出し" /></a></div>
FeedBurner へのリンクバックが設定された小さな画像が、各バズ ブーストの下部に挿入されます。 この画像は、div
内に含まれているため、この画像の位置やスタイルの設定は柔軟に行えます。
</ul>
</div>
以上で説明を終わります。
バズ ブースト設定の上書き
バズ ブーストを生成する場合、選択したオプションはサーバー上に保存されます。 しかし、これらの設定は個人単位で上書きすることができます。 次のオプションは、FeedBurner が出力する <script>
タグを編集することによって上書きできます。
パラメータ | 設定 |
---|---|
nItems | 整数。表示する記事の数 |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&nItems=10" type="text/javascript"></script> | |
displayTitle | true または false 。フィード コンテンツの上のフィード タイトルの出力 (下記参照) |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&displayTitle=true" type="text/javascript"></script> | |
feedTitle | テキスト。有効になっている場合は、フィード コンテンツの上に表示 |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&feedTitle=Your%20Title%20Here" type="text/javascript"></script> | |
displayExcerpts | true または false 。設定に従って記事のコンテンツを出力 (下記参照) |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&displayExcerpts=true" type="text/javascript"></script> | |
excerptFormat | full または plain 。記事のコンテンツの抜粋を完全な HTML にするか、プレーン テキストにするかを指定 |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&excerptFormat=plain" type="text/javascript"></script> | |
excerptLength | 整数 (0 はすべての意味)。表示するワード数 (プレーン テキストのみ) |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&excerptLength=30" type="text/javascript"></script> | |
displayDate | true または false 。設定に従って記事の日付を出力 (下記参照) |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&displayDate=true" type="text/javascript"></script> | |
dateLocation | above または below 。日付を記事コンテンツの上に表示するか、下に表示するか |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&dateLocation=above" type="text/javascript"></script> | |
dateFormat | MM/dd/yyyy 、MMM d, yyyy 、MMM d yyy 、d/M/yyyy 、M/d/yyyy 、MMMM d, yyyy のいずれか。記事の日付の形式 |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&dateFormat=MM/dd/yyyy" type="text/javascript"></script> | |
displayEnclosures | true または false 。ポッドキャストまたは含まれている他のメディアへのリンクを出力 |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&displayEnclosures=true" type="text/javascript"></script> | |
openLinks | new 。新しいウィンドウでリンクを開く (new でない場合は、同じウィンドウで開く) |
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&openLinks=new" type="text/javascript"></script> |
バズ ブーストには、複数の上書きを適用できます。 実際に、すべての設定を上書きして、まったく違うバズ ブーストを、設定手順を繰り返さずに作成できます。 上書きの組み合わせの例を次に示します。
<script language="JavaScript" src="http://feeds.feedburner.com/feeduri?format=sigpro&openLinks=new&displayDate=false&displayEnclosures=true&displayExcerpts=false" type="text/javascript"></script>