FC2ブログの歩き方ブログ

FC2ブログユーザを応援します。「バックアップとろうよキャンペーン」実施中。トラックバック大歓迎

Entries

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • TB(-) |
  • CO(-) 
  • [Edit
  • [No Tag]

スクロールで訪問者の意思を確認する

ブログで小説!:外部リンクから来た閲覧者には、メッセージを出す

「“お仲間”な読者だけENTER」ではなく、「“お仲間”な読者だけ下へスクロール」と書いてある。ブログで上記の目的を果たすには、それでもけっこうコト足りるのである。

「スクロール」とは、思いつきませんでした。たしかに、開いた途端に見えるのではなく「スクロール」という動作を要求することで、訪問者の意思を確認することで足りるケースもありますね。

[追記:2008/11/18 23:30]「スクロール」はどのくらいスクロールしていいか分かりにくいので、コンテンツ部分へリンクするように書き換えました。[/追記]


[追記:2008/11/19 3:20]レイアウト崩れの指摘については修正されたため、文中より削除しました。[/追記]

ScrollAuthなんて勝手に名前をつけてみたスクリプトを適用したページに外部からアクセスした画面。クリックで拡大表示
ScrollAuth

<head>~</head>に以下のスクリプトを置く。

  1. <script language="JavaScript">
  2. <!--
  3. if(document.referrer.indexOf("<%blog_id>.blog<%server_no>.fc2.com")!=-1){
  4. document.write("☆内部リンクから来た人用メッセージ(ここは&nbsp;でも良さそうですね)。");
  5. }else{
  6. document.write("<div style='margin:200px;'>★外部リンクから来た人用メッセージ1行目<br />");
  7. document.write("★続けて読んでくださる方は<a href='#left '>こちら</a></div>");
  8. }
  9. // -->
  10. </script>
  11. <noscript>
  12. <div style='margin:200px;'>★外部リンクから来た人用メッセージ(スクリプトオフの場合)
    続けて読んでくださる方は<a href='#left '>こちら</a></div>"
  13. </noscript>

このスクリプト、「美麗なるTOP画」を入れるなら★のところに<img>タグを入れればいいのだけれど、普段のテンプレートのまま使いたい人も居るかも、ということで、上記スクリプトを<head>~</head>からちょっと移動してみました。

  1. </div><!-- /header -->
  2. <script language="JavaScript">
  3. <!--
  4. if(document.referrer.indexOf("<%blog_id>.blog<%server_no>.fc2.com")!=-1){
  5. document.write("<div style='margin-left:20px;'>☆内部リンクから来た人用メッセージ</div>");
  6. }else{
  7. document.write("<div style='margin:200px;'>★外部リンクから来た人用メッセージ1行目<br />");
  8. document.write("続けて読んでくださる方は<a href='#left '>こちら</a></div>"");
  9. }
  10. // -->
  11. </script>
  12. <noscript>
  13. <div style='margin:200px;'>★外部リンクから来た人用メッセージ(スクリプトオフの場合)
    続けて読んでくださる方は<a href='#left '>こちら</a></div>"
  14. </noscript>
  15. <div id="left" class="main">

このスクリプトだと、こんな感じ。クリックで拡大表示
ScrollAuth2

内部リンクから。
ScrollAuth4

これだとトップページだけでなく、すべてのページで適用できるので、こちらが良い、というケースもあるでしょうね。麻生さん、素敵な示唆を頂戴しました。Enterページ作成を考えている方へのもうひとつの選択肢として、掲載させていただきました。

[追記:2008/11/18 23:30]
ブラウザのブックマークからアクセスした場合、「外部」扱いになっちゃうので毎回表示されちゃうなぁ(^_^;

スポンサーサイト

Comment[この記事へのコメント]

こんばんは^^ 

ご指摘ありがとうございました。

>ブラウザのブックマークからアクセスした場合、「外部」扱いになっちゃうので毎回表示されちゃうなぁ(^_^;
たぶんここでクッキーをどうとかすればいいと思うんですが……、いままで何度かクッキー関係のスクリプトにチャレンジして、一度も動かないというのはワタクシの限界でございます^^; ここはどなたかーとか他力本願に呟いてみたり。
  • 阿檀 
  • URL 
  • at 2008.11.19 01:17 
  • [編集]

Cookieですか 

Cookieを食べるのは得意なんですが。

わー!ベタ過ぎ!(赤面)

それはそれとして。
このスクリプト、誰か完成させてくれないかなー。と、私も呟いてみます。
  • sugar 
  • URL 
  • at 2008.11.19 03:23 
  • [編集]

管理人のみ閲覧できます 

このコメントは管理人のみ閲覧できます
  •  
  •  
  • at 2009.01.07 23:38 
  • [編集]

Comment_form

管理者のみ表示。

Trackback[この記事へのトラックバック]

トラックバックURL
http://fc2blogwalker.blog21.fc2.com/tb.php/119-50403c18

-

管理人の承認後に表示されます
  • from  
  • at 2013.04.20 10:35

Menu

from admin

万が一、記載に誤りのある場合や、追加情報がある場合など、該当記事のコメント欄でお知らせいただけるとありがたく存じます。

sugar

ブロとも申請フォーム

analyzer

カレンダー

07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

StyleChanger

public my share

ブログ内検索

Style Changer

この選択ツールについて up!

見本用記事一覧

アルキカタQ&A検索

アルキカタ版Q&Aの内容を検索します。




複数語は半角スペースで区切って検索してください

analyzer

analyzer

Profile

sugar & FC2blog beauties

Author:sugar & FC2blog beauties
「FC2ブログの歩き方」(アルキカタサイト)FC2ブログ出張所です。このブログは、アルキカタサイトの管理人であるsugarと、協力を申し出たサポータ複数で管理しています。

アルキカタサイト管理人:sugar

&FC2blog beauties(アルキカタサポータ)
 Chako
 cyaimi
 KAI

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。