dellab72のブックマーク - はてなブックマーク

別ウィンドウで遷移した時の「滞在時間」について｜ Tips Note by TAM
別ウィンドウでページ遷移した時の「滞在時間」についての調査結果をまとめました。まず「滞在時間」について簡単に説明します。ページ滞在時間は、滞在時間は連続するページビューの開始時刻の差から算出されます。上記の図のそれぞれの滞在時間は、Aページ20分、Bページは15分。 Cページは離脱ページのため、滞在時間は計測されません。またランディングページ（Aページ）から流入してそのまま閉じた場合は、離脱ではなく直帰となり、直帰の場合は滞在時間は0秒となります。 ※直帰と離脱の詳細についてはこちらを参考にしてください。 ⇒ 離脱率と直帰率の違いそこで気になったのが、別ウィンドウでページ遷移した場合の滞在時間。というわけで、実際に調査してみました。 ① Aページ → 別ウィンドウでBページを開く → Aページを閉じる場合【調査結果】別ウィンドウでページを開いた場合でも、通常のページ遷移と
dellab72 2019/10/07
loganalysis
リンク
Google AnalyticsでABテストをやってみる｜ Tips Note by TAM
GoogleAnalyticsでは、ページを最適化するためのABテストの機能が備わっています。 ※GoogleAnalyticsでは「ウェブテスト」と呼びます。ウェブテストでは、複数の異なるパターンを検証する事によってユーザーに、より効果的なキャッチコピーやボタン、サイト内の導線を検証する事ができます。今回はその「ウェブテスト」をご紹介していきたいと思います。 1.検証用のページを作成するオリジナルページから検証したい場所を1箇所変更したテストページを作成します。 ※テストする際は、複数箇所を変更してしまうと効果が見えにくくなってしまう為、変更箇所は1箇所にする事をおすすめします。（ウェブテストでのパターンは9つまで設定できます。）今回は、下記のようにボタンの色を変えたものを作成しました。 2.検証用のページを正規化するテストページがクローラーにインデックスされないように、
dellab72 2015/09/28
webdesign

loganalysis
リンク
position:fixedでヘッダ固定時のページ内リンクのずれを解消したい｜ Tips Note by TAM
position:fixedを使ってヘッダを固定した場合ページ内リンクの位置がヘッダの高さ分ずれてしまいます。ヘッダを固定する案件が増えてきましたので覚書です。 CSSで調整する方法と、JavaScriptで調整する方法があります。ヘッダの高さ：100px ■HTML <div id="header"> ヘッダーがはいります </div> <div id="content"> <a href="#link01">なんとか</a> <div name="link01" id="link01">かんとか</div> </div> CSSで調整する padding-topでヘッダの高さ分ずらして、margin-topでマイナスの値をいれるとうまくいきます。 margin-top:-100px; padding-top:100px; ■CSS #header { width: 100%; m
dellab72 2015/05/14
webdesign

javascript
リンク
jQueryプラグイン「jquery.cookie.js」でcookieを簡単に扱う｜ Tips Note by TAM
JavaScriptでcookieを扱うのは、値のエンコード・デコードや書き込む際の文字列結合、値を取り出す実装など、意外に面倒です。しかし、「jquery.cookie.js」を利用すれば、cookieを簡単に扱えるようになり、シンプルなコードで実装できます。まずはjQueryとjquery.cookie.jsを読み込みます。 ※jquery.cookie.js は GitHub（https://github.com/carhartl/jquery-cookie）からダウンロードすることができます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> ■cookieの設定 cookieを保存するには
dellab72 2014/01/27
webdesign
リンク
1