『お気に入りに追加』ボタンの設置(forefox対応版も)

読者さんたちのリピートのためには、
『お気に入りに追加』ボタンは必須ですよね。

私自身、何回もやっているんですが、毎回google検索してコピペばかり
だったので、ちょっと、ここに、ソースをメモしておきます。

一番簡単。お気に入りに追加ボタン

よくある、こんなボタンです。

設置方法は、これ↓をコピペして、置きたい場所に貼ります。
そして、サイトＵＲＬとサイト名を変えて、できあがりです。

これも簡単。お気に入りに追加テキストリンク

ボタンじゃなくて、リンクで作ったほうがスッキリする場合、

例：
お気に入りに追加

これ↓をコピペして、置きたい場所に貼ります。
そして、サイトＵＲＬとサイト名を変えて、できあがり。

<a href=”javascript:window.external.addFavorite(’サイトURL’,'サイト名’)”>お気に入りに追加</a>

FireFoxにも対応のお気に入りに追加ボタン

上の２つは、簡単なんですが、Internet Explorer向けで、FireFoxで見ている場合はクリックしても登録されないんです。で、こちらは、そのFireFox向けのもの。

ヘッド部分と、ボタン設置部分と、２箇所にソースを貼る必要があります。

ヘッド部分は、htmlの<head>～</head>の間に貼ります。
(特にサイト名やサイトＵＲＬを入れる必要はありません)
<script type="text/javascript"> function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; } } </script>

ボタン設置部分はボタンを設置したい場所に貼ります。
<input type=”button” value=”お気に入りに登録” onClick=”addBookmark(document.title, location.href);”>

ボタンをリンクにしたい場合は、こちら。
<a href=”javascript:void addBookmark(document.title, location.href);”>お気に入りに登録</a>

ちょっと上級者編

お気に入りに追加ボタンを目立つものに変えたいときは、
こんなのも面白いですね。(IE用のみ)

例：お気に入りに追加♪
<marquee scrollamount=”6″ width=100; onclick=”window.external.addFavorite(’サイトURL’,'サイト名’)” style=”cursor:pointer; border:1px solid orange; background-color:#F8DC85; color:brown; padding:2px;” width=”100″>お気に入りに追加♪</marquee>
ｓ

例：お気に入りに追加♪
<marquee scrollamount=”4″ width=”120″ behavior=”alternate” onclick=”window.external.addFavorite(”サイトURL’,'サイト名”)” style=”cursor:pointer; border:1px solid orange; background-color:#F8DC85; color:brown; width=130; padding:2px;”>お気に入りに追加♪</marquee>

上級者編のものは、
後半の『style=』以降を変えると、色や線などが変えられます。

例えば、
●border:1px solid orange; 　⇒枠線の太さ、solidは「実線」の意味、色
●background-color:#F8DC85; 　　⇒背景の色
●color:brown;　　　　　　　　　　⇒文字の色

↑この色の設定などはスタイルシート(ＣＳＳ)なんですが、しっかり理解してカスタマイズしたい方は、こちらをどうぞ。CSS 概説 | ボーダ

結構楽しいので、自分で、
サイトに合うように、いじってみてくださいね。
(でも、儲かる作業じゃないので、ほどほどに。笑)

※上級編は、【HP・WEB収入】課題達成型アフィリエイトさんのお気に入りに追加ボタン作成方法の記事を参考にさせていただきました。

のむてつへ、質問や相談等がある方は、気軽にご連絡下さい。
私も、読者さんが何を疑問に思っているのか、興味ありますので
気軽にメールいただけると嬉しいです。　　⇒メールフォーム
(新しいブログネタにさせていただくこともあります)

応援ポチは不要なので、↓こちらをお願いします。
相互リンク募集中です。⇒相互リンク集
自動登録式でリンクが即時反映されます。

None Found

トラックバック&コメント

この記事のトラックバックURL:

メビウスより:

2010 年 5 月 30 日 2:01 PM

とても参考になりました！

ありがとうございます。

コメントを投稿する

ポメラ、買っちゃいました »
« googleのアクセス解析ならリンクごとのクリック計測もできる！

サイト運営者について

のむてつ
中国のパワーに魅せられ、高校教師を辞め、上海で高校教師を辞め、上海で語学学校を開業！しかし１年で挫折。完全無収入となる。しかし、中国ビジネスと同時に始めていた、半分趣味の『中国生活サイト』のアフィリエイト収入で生計を立て、上海に留まる。そして現在、上海生活６年目。今では、サイトからの収入も月１００万円を越え、会社も設立し３年目です。

この商材のコンセプトを元に、このブログをやってます。あせらず、あおらず、がっつかず(笑)。ブログでアフィリエイトをやるなら、イチオシの商材です。

最近のアフィリ報酬
(09年8/7現在)

クレジットカードアフィリがイマイチなので、ちょっと低迷してます(涙)。

最近はA8.net がメイン。

アクセストレードは、6月になって、新ネタが見つかり、今後に期待。

トラフィックゲートは昔は稼ぎ頭だったんですが、クレジットカードがダメになって、最近は、イマイチですね。良いアフィリネタを探しきれてないです。

インフォトップの情報商材系は、最近はパッタリなしです(涙)。がんばらねば。

その他、リンクシェアや、直接提携などは秘密(笑)。

↑相互リンク募集中です。自動登録制なので、登録するとすぐにリンク集に反映されます。

メルマガ購読・解除

在宅で月5万円収入UP♪
上海のむてつの
『趣味ネット副業法』

>> バックナンバー

↑↑↑メルマガでは、期間限定情報や、ブログに書きにくい濃い情報などをお届けしています。メルマガもよろしかったら読んでみてください！

読みきれないときにどうぞ
お気に入りに登録

このサイトの
RSSフィードを購読

おススメ教材

スロアフィ

スローライフアフィリエイト。初心者向け。「ファンを作って、感謝されながら売る」作者のサト愛さんは、ファン作りの名人で、信用を大切にしながら、丁寧なアフィリエイトをされています。またこの教材は、非常に丁寧に作られているので、インターネットに詳しくない初心者の方でも、安心して、始めることができると思いますよ。趣味を生かすブログで稼ぐ方法も載っていますし、非常におススメです。

スローライフアフィリエイト
LFM-TV

本気でネットで稼ぐ人のためのセット。講義形式でアフィリエイトで稼ぐ考え方から詳細な方法まですべて解説されています。私のアフィリ報酬が爆発したのは、このLFMの講師をされているhideichiさんの以前の教材を使ったおかげです(その教材はもう販売停止)。その教材のパワーアップバージョンがこのLFMですから, 絶対の自信を持っておススメします。ストリーミング版とDVD版があるので、お好きなほうを。私はストリーミング版にしましたが、DVDのほうが便利かも。

LFM-TV DVD版

LFM-TVストリーミング版

『お気に入りに追加』ボタンの設置(forefox対応版も)