アフィリエイト 稼ぐ

アフィリエイトで稼ぐ!アフィリエイト生活

本当は教えたくないアフィリエイトの話。

はてなブックマークボタン設置方法 複数記事(ページ)に使い回しできるソース

読了までの目安時間:約 5分

 

097

はてなブックマークボタンの生成は通常記事ごとに生成しますが、

色々といじっていたら記事ごとに生成することなく

使い回しのタグでいける様にできたので紹介しておきますね。

 

 

既存のソースの場合


<a href="http://b.hatena.ne.jp/entry/http://noaffiliate-nolife.com/" data-hatena-bookmark-title="アフィリエイトで稼ぐ男のブログ" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加">
<img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" />
</a>
<script type="text/javascript" src="http://cdn-ak.b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async">
</script>

 

 

という感じで、

はてなブックマークボタン作成にて

URLとタイトル名を指定して入力する訳なんですが、

これだと対象のページにしかこのソースは使えません。

 

 

もし他のページにも使いたい場合は、

都度作成する必要がありますが面倒ですよね(笑)

 

 

なので、使い回しできるソースの貼り付けにしたいわけです。

それがこちら。

 

 

使い回しができるソースの場合


<a href="http://b.hatena.ne.jp/entry/<% Url %>" class="hatena-bookmark-button" data-hatena-bookmark-title="<% title %>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加">
<img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" />
</a>
<script type="text/javascript" src="http://cdn-ak.b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async">
</script>

 

 

このソースに変更することでどのページに貼っても機能するかと思います。

 

 

私はそこまでHTMLなど詳しくないので、

このソースで全ていけるかまではわかりませんが、

私がよく使っているサイト作成ソフトでは、

このソースを入れることで上手くいっています。

 

 

サイト作成ソフトはこちら >> SIRIUS

 

 

もしやってみたけど上手くいかなかった!って方は、

どこに入れたらダメだったのかなどを

コメントなどにご報告いただけると嬉しいです。

 

 

ちなみに、WordPressの場合は、

WP Social Bookmarking Light

というプラグインを入れる事で簡単に対応できますので、

上記のような事はしなくても大丈夫です!

 


 

この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: