090118_title.jpg

PHPを使用してブラウザ毎に異なるお気に入りに追加ボタンを表示するサンプルです。

「お気に入りに追加」ボタンは、Webリテラシーの高いユーザーを想定している場合には余り役に立たないかも知れません。 ですが、そうでない場合にはまだまだ有効な手段かと思います。

思い立った経緯は以下サイトの右上の辺りを見たから。
BlogPeople - ブログ情報ポータル・ブログランキング

090118_image1.jpg

こちらのサイトではJavaScriptを使用してブラウザ毎に表示を切り替えていますが、本来こういった処理はサーバー側で行うべきだと思います。


完成した形は以下のようになります。(複数ブラウザで切り替えてご覧ください。
PHPを使ってブラウザ毎に「お気に入りに追加」ボタンを表示するサンプル

挙動はFx3、IE7、Opera9.63、Win版Safariで確認しています。

では以下にサンプルコードを。

ブラウザ毎に異なるお気に入りに追加ボタンを表示するコード

以下がサンプルコードです。主要ブラウザにしか対応させていませんが。
ちなみに何処にも一致しない場合は何も表示されないようになっています。
そこら辺は改変してください。

↓プレーン表示を押すと見やすいです。

<?php
	$Agent = getenv( "HTTP_USER_AGENT" );
	if( ereg( "MSIE", $Agent ) ){ 
	  echo 
	  "<input type=\"button\" value=\"お気に入りに追加\" onclick=\"window.external.AddFavorite('http://blog.caraldo.net/','caraldo.net | MT Blog')\">";
	} elseif( ereg( "Firefox", $Agent )  ||  ereg( "Opera", $Agent ) ) {
	  echo 
	  "<a href=\"http://blog.caraldo.net/\" rel=\"sidebar\" title=\"caraldo.net | MT Blog\">ブックマーク</a>";
	 } elseif( ereg( "Safari", $Agent ) ) { 
	 echo 
		 "Ctrl[コマンド]+D";
	} 
?>

各ブラウザをHTTP_USER_AGENTを見て判別しています。

そしてそれぞれに対応する「お気に入りに追加」を表示させています。

主要ブラウザのお気に入り追加表記

主要ブラウザのお気に入り追加表記は以下のようになります。

IE用ボタン
<input type="button" value="お気に入りに追加" onclick="window.external.AddFavorite('追加するURL','タイトル')">
FireFox、Opera用リンク
<a href="追加するURL" rel="sidebar" title="タイトル">ブックマーク</a>
Safari用ショートカット
Ctrl[コマンド]+D

Safariはソースコードが見当たらないのでショートカットを記載しています。

何かの参考になれば幸いです。

10/03/05追記
JavaScriptバージョンで、使いやすそうなのがあったのでメモメモ
Development Reference|JS ブラウザのお気に入りに登録ボタンを実装する

良く考えたら、PHP使えない環境(Smarty)とかあるし、両方覚えておくと良さそうですね。


このエントリーのトラックバックURL:

コメント

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)




太字 イタリック アンダーライン ハイパーリンク 引用

caraldo_K

Webディレクター的な事やってます!
iPhone楽しい!マラソン・ロードバイクで肉体改造計画中!でも一番好きなのは漫画です㌰㌰⋋( 'Θ')⋌㌰㌰

poooooon

最近ロードバイクで峠を登りきれず涙をのんだ。トレーニングの為、明日から走る!と毎日誓う。PCとiPhoneとねこがいないと生きていけない社会人。

Our tweets
Loading..

あわせて読みたいブログパーツ

POWERED BY MT4