新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

一度見たFlashを見せない方法

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

最近は減ってきているけれど、
それでもまだオープニングFlashを使いたがるお客さんは多い。

スポンサーリンク
 

オープニングFlashは初見のお客さんにはインパクトがあるが、
リピーターにはただウザいだけ、
そこで、Skipボタンをつけるわけだが、
それでもトップに戻るたびにスキップを押すのはウザい。

その対策として簡単に思いつくのは、
オープニングFlashだけのページを作ってムービー再生後、別ページに移動。
その後は移動先をトップとして扱うという方法。

ただし、これだとSEO上よろしくないし、ページ移動時の挙動が気になる。

そこで、オープニングFlash入りのFlash[A]と、
オープニングFlashをなくしたFlash[B]を二つ用意して、
初めてアクセスするときはFlash[A]を表示し、
サイト内からトップへ戻ったときはFlash[B]を表示するスクリプトを考えました。
(オープニングムービーのみFlashの場合でも使えます)

ここでクッキー(Cookie)を連想したあなた、甘いです。
実は、僕も当初クッキーを使って何とかならないか考えたのですが、
意外とたいへんそうなのでやめてしまいました。
で、何を使ったかというと「リファラ」です。

さて、そのスクリプトは以下のとおりとなっています。

ref = document.referrer;
if(ref.match(/domein/)!="domein"){
writeFlash('_swf=Flash[A].swf','_width=800','_height=400')
}else{
writeFlash('_swf=Flash[B].swf','_width=800','_height=400')
}

writeFlashとはFlashの表示に関する不具合対策スクリプト。
詳しくは「.js外部ファイル編 [10]Flash等をIE仕様変更に対応2」あたりを参考に。
writeFlash使わなくてもdocument.write();でタグを書き出せばOKです。

ポイントとなるのは1行目と2行目。
1行目でリファラを読んで、
2行目でリファラ内に自サイトドメインの文字列があったときと、なかったときで分岐しています。
つまり、一度サイト内に入ってからリンクでトップに戻った場合、
リファラに自サイトドメインが入っているハズなのでFlash[B]を表示させ、
違ったらFlash[A]を表示させるというスクリプトです。

ただし、この方法でもブラウザについている戻るボタンを押されたら元も子もないのですが。
(実はそういわれました。ホント、お客さんって痛いところついてくるよなぁ)

 - プログラミング, ユーザビリティ

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

全角英数字を半角にしてくれる「Google Chrome」のアドオン「さよなら全角英数」

1年以上前の記事です。内容が古い可能性があります。かみさんがうれしそうにメール送 …

mixiに足あとが復活。mixi自身も復活なるか?

1年以上前の記事です。内容が古い可能性があります。もう、復活して随分立つのですが …

no image
FC2で一発掲載。

1年以上前の記事です。内容が古い可能性があります。Yahooの「この話題に関する …

mixiのチェックボタンをつけてみた【前編】

1年以上前の記事です。内容が古い可能性があります。CNET Japanの記事に「 …

ライブドアブログ(livedoor Blog)で記事のコピーができるようになっていた

1年以上前の記事です。内容が古い可能性があります。ちょくちょくアップデートしてる …

no image
アダルトサイトは「.xxx」で安心して見れるようになる

1年以上前の記事です。内容が古い可能性があります。ポルノ用のトップレベルドメイン …

no image
ポンパレでハーゲンダッツを買わされた

1年以上前の記事です。内容が古い可能性があります。なんか、あっという間でした。あ …

foursquare(フォースクエア)で写真添付、iPhoneアプリが対応

1年以上前の記事です。内容が古い可能性があります。待っていたこの機能!位置情報S …

SE(システムエンジニア)やPG(プログラマー)が「ほぼほぼ」を口癖にする理由

1年以上前の記事です。内容が古い可能性があります。知り合いの女子に「若干(じゃっ …

ツイッターが完全オープンじゃなくなる。ささやきモードでツイートごとに公開設定か

1年以上前の記事です。内容が古い可能性があります。このところ伸び悩んでいるツイッ …

血液型オヤジ