お気に入りボタンを設置してみる

お気に入り

お気に入り

訪問者を増やすためにいろいろと工夫しているのですが、

いい方法を見つけたので設置してみました。

スポンサードリンク

ブラウザの「お気に入り」に登録してもらう方法です。

ブログではよくある方法のようですが、、

ECサイトでも価格を比較するときに

とりあえず、そのページを

すぐに見られるようにしておくといいかなと思って設置しました。

Amazonとかでも価格確認するときに

自分もやりますからね。

こちらのサイトを参考にさせて頂きました。

ブログアクセスアップに効果的!でも意外と忘れられている方法 – お気に入り登録ボタン

1.favorite.jsファイルを作成する

function favorite(toURL,toStr){
        if(navigator.userAgent.indexOf("MSIE") > -1){
        //Internet Explorer
                window.external.AddFavorite(toURL,toStr);
        }else if(navigator.userAgent.indexOf("Lunascape") > -1){
        //Lunascape
                alert("[Ctrl]と[G}ボタンを同時に押してください。");
        }else if(navigator.userAgent.indexOf("Flock") > -1){
        //Flock
                window.sidebar.addPanel(toStr,toURL,'');
        }else if(navigator.userAgent.indexOf("Firefox") > -1){
        //Firefox
                window.sidebar.addPanel(toStr,toURL,'');
        }else if(navigator.userAgent.indexOf("Opera") > -1){
        //Opera
                window.open(toURL,'sidebar','title='+toStr);
        }else if(navigator.userAgent.indexOf("Chrome") > -1){
        //Chrome,Safari
                alert("ブラウザ付属のブックマーク機能をご利用ください。[Ctrl]と[D]ボタンを同時に押すと簡単にブックマークできます");
        }else{
        //その他
                alert("ブラウザ付属のブックマーク機能をご利用ください。");
        }
}

2.ブロックのfavorite.tplを作成する

<div class="favorite">
	<a rel="sidebar" href="javascript:void favorite(location.href,document.title);">
		<img src="<!--{$TPL_URLPATH}-->img/common/favorite_btn.gif" border="0" title="お気に入りボタン" />
	</a>
</div>

ECCUBEでサイトを作っていて

サイトの左サイドバーに表示できるようにしたかったので

実際にはブロックとして作成しています。

商品詳細ページは商品画像に上記のdivを作成しています。

3.CSSで位置を調整する

.favorite {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

位置の調整のみです。

ブロックにしたので、お気に入りしてほしいページにも

ブロックを使って表示させると

少しは訪問者が増えるかもしれません。

スポンサードリンク

コメントを残す

サブコンテンツ

このページの先頭へ