目次
【記事を読む】
【マイニュースページ】
【ブクマする】
・ブクマボタンを使って記事をマイニュースページにブクマしたい
【ブックマークレット】
・ブックマークレットを設定したい（Firefoxを使う方法)
・ブックマークレットを設定したい（Sleipnirを使う方法)
【ブックマークアイコンの取り付け 】
・自分のブログやサイトにも取り付けたい【Seesa Blogの場合】
・自分のブログやサイトにも取り付けたい【Blggerの場合】
・自分のブログやサイトにも取り付けたい【ＦＣ2 Blogの場合】
・自分のブログやサイトにも取り付けたい【livedoorBlogの場合】
・自分のブログやサイトにも取り付けたい【MOVABLE TYPEの場合】
・自分のブログやサイトにも取り付けたい【企業サイト・個人サイト向け】
【その他の機能】
ブックマークアイコンて何？
Q.ブックマークアイコンて何？
ECナビ人気ニュースと提携しているサイトには、記事に下記のようなアイコンが取り付けられています。
このボタンをクリックすることにより、その記事をブックマークすることができます。
※アイコンの画像はサイトによって異なる場合がございます。
ブックマークアイコンを取り付けると、どういうメリットがありますか？
ブックマークアイコンを取り付けてECナビ人気ニュースまで御連絡ください。
取り付けを確認しますと、オススメサイトとしてご紹介いたします。
紹介されることで、人気ニュースユーザーからあなたのサイトを訪問し、
あなたの記事をブックマークし、人気ニュースに掲載してくれるかもしれません。
人気ニュースにあなたの記事がたくさんブックマークされることで認知度が上がります。
また他のユーザーが掲載された元の記事を読むために、
あなたのサイトやブログに訪問するかもしれません。
そうすることで、あなたのサイトやブログがどんどん活性化されます。
自分のブログやサイトにも取り付けたい（Blgger向け）
1.ブックマークアイコンジェネレーターページ を開きます。
2.URL入力欄に<$BlogItemPermalinkUrl$>をコピー＆ペーストします。
3.取り付けたいアイコンを選択します。
4.『genelate』をクリックすると下記のようにcodeが出てきます。
5.のBlggerのテンプレートタブに移動し「現在の内容の編集」のテンプレート編集画面を開きます。
6.今変更したHTML部分の「この部分に画像のURLを入力」の所に『4』で生成したcodeを 下記のようにコピー＆ペーストします。
7.[テンプレートの変更内容を保存]ボタンで保存して[再構築]ボタンを押せば、ブックマークアイコンがブログと更新と共に自動的に反映されます。
■取り付けが完了しましたら下記メールアドレスまでブログURLと一緒に御一報ください。
審査が通りましたらお勧めサイトとしてECナビ人気ニュースで掲載させていただきます。
担当：薮田
自分のブログやサイトにも取り付けたい（企業サイト・個人サイト向け）
■取り付け方法について
個別記事のURLを取得するために、御社側のプログラムから個別記事URLを弊社側プログラムに渡して頂く方法で連携します。
下記手順でHTMLコードを生成し、貴サイトのテンプレートに貼り付けていただきます。
■HTMLソースの生成方法
1.ブックマークアイコンジェネレーターページ を開きます。
2.URL入力欄に [[PERMANENT LINK]]をコピー＆ペーストします。
上記はMovable Typeの例です。
3.取り付けたいアイコンを選択します。
4.『genelate』をクリックすると下記のようにcodeが生成されます。
■もっとカスタマイズしたアイコンを取り付けたい
技術者向けにAPIを公開したECナビデベロッパーネットワーク をご覧ください
使用例：CNET japan
■取り付けが完了しましたら下記メールアドレスまでブログURLと一緒に御一報ください。
審査が通りましたらお勧めサイトとしてECナビ人気ニュースで掲載させていただきます。
E-mail: 
担当：薮田
自分のブログやサイトにも取り付けたい（MOVABLE TYPEの場合）
1.ブックマークアイコンジェネレーターページ を開きます。
2.URL入力欄に<$MTEntryLink$>をコピー＆ペーストします。
3.取り付けたいアイコンを選択します。
4.『genelate』をクリックすると下記のようにcodeが出てきます。
5.movabletypeの編集画面を開き、環境設定 > テンプレート > メインページ を選択します。
6.『4』で生成したcodeを <$MTEntryBody$> の上に コピー＆ペーストします。
※上画像はデフォルトのテンプレート例です
6.後は保存と再構築をすればブックマークアイコンがブログと更新と共に自動的に反映されます。
■取り付けが完了しましたら下記メールアドレスまでブログURLと一緒に御一報ください。
審査が通りましたらお勧めサイトとしてECナビ人気ニュースで掲載させていただきます。
E-mail:
担当：薮田 まで
自分のブログやサイトにも取り付けたい（amebaの場合）
1.ブックマークアイコンジェネレーターページ を開きます。
2.URL入力欄にアイコンを取り付けたいページのURLをコピー＆ペーストします。
3.取り付けたいアイコンを選択します。
※アメーバブログの場合は一番上部の青タイプのアイコンは取り付けられません。
4.『genelate』をクリックすると下記のようにcodeが出てきます。
5.amebaのブログ編集画面を開き、編集画面の『HTMLタグを表示』をクリックし『4』で生成したcodeをコピー＆ペーストします。
上画像はhttp://www.ameba.jp/ の
アメブロの編集・設定 > 記事の編集 > 記事一覧・編集
のページです。
6.後は公開をすれば登録完了です。
■取り付けが完了しましたら下記メールアドレスまでブログURLと一緒に御一報ください。
審査が通りましたらお勧めサイトとしてECナビ人気ニュースで掲載させていただきます。
E-mail:
担当：薮田 まで
自分のブログやサイトにも取り付けたい（Seesa Blog向け）
1.ブックマークアイコンジェネレーターページ を開きます。
2.URL入力欄に<% article.page_url %>をコピー＆ペーストします。
3.取り付けたいアイコンを選択します。
4.『genelate』をクリックすると下記のようにcodeが出てきます。
5.SeesaBlogの、「デザイン」のコンテンツ画面に移動し、「記事」を選択してください。すると中央に画面が出ますので、画面右上の「コンテンツHTML編集」をクリックしHTMLテンプレートを表示させます。
6.『4』で生成したcodeをテンプレートにコピー＆ペーストします。
7.後は「保存」ボタンを押すと「再構築を実行」ボタンが表示されるので、範囲はトップページのままクリックしてください。
完了したメッセージが出たら「閉じる」ボタンで画面を閉じます。再度表示されるコンテンツ画面の下にある「設定を反映する」ボタンをおして先ほどと同じように範囲をトップページのまま「再構築を実行」すれば終了です。
■取り付けが完了しましたら下記メールアドレスまでブログURLと一緒に御一報ください。
審査が通りましたらお勧めサイトとしてECナビ人気ニュースで掲載させていただきます。
E-mail:
担当：薮田
自分のブログやサイトにも取り付けたい（FC2 Blog）
1.下記のＵＲＬをコピーします
<a href="http://news.ecnavi.jp/entry/<%topentry_link
>">
<img class="b_entry" src="http://cdn.news.ecnavi.jp/static/image/api/news.gif
" width="16" height="16" alt="この記事を含むECナビ人気ニュース" border="0" /><img src="http://news.ecnavi.jp/api/counter/[[PERMANENT
LINK]]" border="0" alt="この記事を含むECナビ人気ニュース" /></a>
2.環境設定の「テンプレートの設定」画面から編集をクリックします。(「default」テンプレートの場合)
3.テンプレート編集画面が表示されますので HTML編集を下記のように所に『1』でコピーしたコードをペーストします。
4.「この部分に画像のURLを入力」の所に先ほど保存しておいた画像のURLを入力して、「更新」ボタンで保存します。
5.最後にテンプレートのCSSで「.body img」に対してスタイルが指定してあるので、スタイルシートに下記の指定を追加します。
/* 「この記事を含むECナビ人気ニュース」ボタン */
img.b_entry{
float: none;
clear: both;
border: none;
}
6.以上でブックマークアイコンがブログと更新と共に自動的に反映されます。
■取り付けが完了しましたら下記メールアドレスまでブログURLと一緒に御一報ください。
審査が通りましたらお勧めサイトとしてECナビ人気ニュースで掲載させていただきます。
担当：薮田
自分のブログやサイトにも取り付けたい（livedoorBlog）
1.ブックマークアイコンジェネレーターページ を開きます。
2.URL入力欄に<$ArticlePermalink$>をコピー＆ペーストします。
3.取り付けたいアイコンを選択します。
4.『genelate』をクリックすると下記のようにcodeが出てきます。
5.livedoorBlogの、「カスタマイズ/管理」画面の「デザインの設定」に移動し、デザインの中から「カスタマイズ」を選択します。
6.HTMLテンプレートが表示されますので、『4』で生成したcodeを 「トップページ」「個別記事ページ」「カテゴリーアーカイブ」「月別アーカイブ」に コピー＆ペーストします。
7.後は「この内容で保存する」ボタンをクリックすると、ブックマークアイコンがブログと更新と共に自動的に反映されます。
■取り付けが完了しましたら下記メールアドレスまでブログURLと一緒に御一報ください。
審査が通りましたらお勧めサイトとしてECナビ人気ニュースで掲載させていただきます。
E-mail:
担当：薮田