• Showing Page History #17806

Show page source of faq-badges #17823

||[FAQ-friends 前のセクション]||[FAQ-slashmeta 次のセクション]||[FAQ-index インデックス]||
----

== スラッシュドットの一部を自分のページに表示する ==

バッジまたはリンクを自分のページに(またはブログの場合は、すべてのページに表示されるようにページテンプレートに)追加すると、読者が簡単にそのページをスラッシュドットにタレコめるようになります。掲載された後は、読者に議論に参加してもらうことができます。


== バッジ [[Embed(sdit4n.png)]] == #ba100

スラッシュドットのバッジは、そのための最も簡単で強力なツールです。Webページにバッジを追加するには、次のHTML文をページに挿入します。
{{{
<script src="http://slashdot.jp/slashdot-it.js" type="text/javascript"></script>
}}}


まだタレコまれていないページの場合、読者はバッジを使って簡単にタレコむことができます。ページが掲載された後は、色のアクセントでページの人気度が表され、読者はトグルスイッチでスラッシュドットのシステムに投票することができます。バッジ自体は、スラッシュドットに掲載されたストーリーとその議論にリンクされます。タレコミは匿名ユーザでもログインユーザでもできますが、直接投票できるのはログインユーザだけです。匿名ユーザには、投票前にログイン画面が表示されます。投票済みのログインユーザは、自分の投票の状態をトグルスイッチで確認できます。たとえば次のように表示されます。

[[Embed(sdit2u.png)]]

スラッシュドットのバッジは、バッジスクリプトを呼び出す前に!JavaScriptの値を設定することで、ある程度カスタマイズできます。たとえば、''slashdot_title''を設定してタレコミ用のタイトルの候補を示すことや、''slashdot_url''を設定して、ブラウザで現在表示しているページの代わりに特定のURLを指定することができます。次に例を示します。

{{{
<script type="text/javascript">
  slashdot_title="ここにタイトルを入れる";
  slashdot_url="http://example.com/my-story.html";
</script>
<script src="http://slashdot.jp/slashdot-it.js" type="text/javascript"></script>
}}}


== リンク == #ba101

セキュリティまたは管理上の理由から、独自のイメージや普通のHTMLリンクの書式を使いたい場合があります。次のコードは適切なリンクを自動的に作成するので、このままページに直接貼り付けることができます。

{{{
<a href="javascript:location.href='http://slashdot.jp/slashdot- it.pl?op=basic&url='+encodeURIComponent(location.href)">タレコむ!< /a>
}}}

また、次のようにページごとに「手動で」URL引数を作成することもできます。

{{{
<!-- http://example.com/my-story.html というページ用。貼るサイトにあわせて変更してね。 -->
<a href="http://slashdot.jp/slashdot-it.pl?op=basic&url=http%3A%2F%2Fexample.com%2Fmy-story.html">タレコむ!</a>
}}}

「favicon」サイズのスラッシュドットアイコンを追加するには、次のコードを使います。

{{{
<img src="http://images.slashdot.jp/favicon.ico" alt="スラッシュドット" border="0" height="16" width="16">
}}}

これをリンクに挿入する(または、すべてをきちんとするために実際にリンクを複製する)と、次のように表示されます。

{{{ html
<!--
  HERE IS THE SIMPLE LINK AND FAVICON:
--><a href="javascript:location.href='http://slashdot.jp/slashdot-it.pl?op=basic&url='+encodeURIComponent(location.href)"
><img src="http://images.slashdot.org/favicon.ico" alt="スラッシュドット" border="0" height="16" width="16"
></a>&#xA0;<a href="javascript:location.href='http://slashdot.jp/slashdot-it.pl?op=basic&url='+encodeURIComponent(location.href)"
>タレコむ!</a><!--
  END
-->
}}}

このリンクの作成に使われているHTMLを見たければ、ソースを表示してください。[http://images.slashdot.jp/favicon.ico faviconイメージ]をダウンロードし、自分のサーバに置いて配信してもかまいません。

これらの単純なリンクには、バッジほどの機能はありません。バッジと同様に、あなたの読者は簡単にストーリーをタレコむことや、リンクをたどって掲載済みのストーリーと議論にアクセスすることができます。そして、そこでページの人気度を確認したり、投票したりすることはできます--ただし単純なリンクでは、あなたのページから直接これらの操作を行うことはできません。リンクの利点は、たとえばCSSを使ってリンクのスタイル、イメージ、および書式を完全に制御し、ページの他の部分と調和させることができる点です。すべてはあなた次第です。

----

||[FAQ-friends 前のセクション]||[FAQ-slashmeta 次のセクション]||[FAQ-index インデックス]||