スクロールで訪問者の意思を確認する
「“お仲間”な読者だけENTER」ではなく、「“お仲間”な読者だけ下へスクロール」と書いてある。ブログで上記の目的を果たすには、それでもけっこうコト足りるのである。
「スクロール」とは、思いつきませんでした。たしかに、開いた途端に見えるのではなく「スクロール」という動作を要求することで、訪問者の意思を確認することで足りるケースもありますね。
[追記:2008/11/18 23:30]「スクロール」はどのくらいスクロールしていいか分かりにくいので、コンテンツ部分へリンクするように書き換えました。[/追記]
[追記:2008/11/19 3:20]レイアウト崩れの指摘については修正されたため、文中より削除しました。[/追記]
ScrollAuthなんて勝手に名前をつけてみたスクリプトを適用したページに外部からアクセスした画面。クリックで拡大表示
<head>~</head>に以下のスクリプトを置く。
<script language="JavaScript">
<!--
if(document.referrer.indexOf("<%blog_id>.blog<%server_no>.fc2.com")!=-1){
document.write("☆内部リンクから来た人用メッセージ(ここは でも良さそうですね)。");
}else{
document.write("<div style='margin:200px;'>★外部リンクから来た人用メッセージ1行目<br />");
document.write("★続けて読んでくださる方は<a href='#left '>こちら</a></div>");
}
// -->
</script>
<noscript>
<div style='margin:200px;'>★外部リンクから来た人用メッセージ(スクリプトオフの場合)
続けて読んでくださる方は<a href='#left '>こちら</a></div>"</noscript>
このスクリプト、「美麗なるTOP画」を入れるなら★のところに<img>タグを入れればいいのだけれど、普段のテンプレートのまま使いたい人も居るかも、ということで、上記スクリプトを<head>~</head>からちょっと移動してみました。
</div><!-- /header -->
<script language="JavaScript">
<!--
if(document.referrer.indexOf("<%blog_id>.blog<%server_no>.fc2.com")!=-1){
document.write("<div style='margin-left:20px;'>☆内部リンクから来た人用メッセージ</div>");
}else{
document.write("<div style='margin:200px;'>★外部リンクから来た人用メッセージ1行目<br />");
document.write("続けて読んでくださる方は<a href='#left '>こちら</a></div>"");
}
// -->
</script>
<noscript>
<div style='margin:200px;'>★外部リンクから来た人用メッセージ(スクリプトオフの場合)
続けて読んでくださる方は<a href='#left '>こちら</a></div>"</noscript>
<div id="left" class="main">
このスクリプトだと、こんな感じ。クリックで拡大表示
内部リンクから。
これだとトップページだけでなく、すべてのページで適用できるので、こちらが良い、というケースもあるでしょうね。麻生さん、素敵な示唆を頂戴しました。Enterページ作成を考えている方へのもうひとつの選択肢として、掲載させていただきました。
[追記:2008/11/18 23:30]
ブラウザのブックマークからアクセスした場合、「外部」扱いになっちゃうので毎回表示されちゃうなぁ(^_^;
- Tag List
- [カスタマイズ]
こんばんは^^
>ブラウザのブックマークからアクセスした場合、「外部」扱いになっちゃうので毎回表示されちゃうなぁ(^_^;
たぶんここでクッキーをどうとかすればいいと思うんですが……、いままで何度かクッキー関係のスクリプトにチャレンジして、一度も動かないというのはワタクシの限界でございます^^; ここはどなたかーとか他力本願に呟いてみたり。