WebCoding.jpコーディングと文字校正・校閲を同時進行できるサービス「ウェブコーディング.jp」

ご相談はお気軽にどうぞ 03-5369-1878

月別アーカイブ: 12月 2013

○秘

ページ内リンクをちょうどいい場所でストップ!

カテゴリ:コーディングTips

2013年12月27日

チーフコーダーのコーディングメモ、今年の更新も今回で最後です!!
そんなウェブコーディング.jpは12月28日〜1月5日までお休みを頂きます。

どうぞ、来年もよろしくお願い致します。


では早速やっていきましょう!
今回はページ内リンクについてです。

縦に長いサイトなどはページ内リンクを使用すると便利ですよね!
ちなみにページの一番下にいった時によく目にする「TOPに戻る」もページ内リンクの仲間です。


そんなページ内リンクですが、いざページ内リンクをクリックして、ページの天井にピッタリくっついて表示されてしまった!なんてことは一度は経験されているハズ・・・!

そんな時に、CSSをちょこっと書いてあげることで見やすくなります!
実際に再現してみましたので、下記よりお試し下さい。


※大きいディスプレイを使用している方は、ブラウザのウィンドウサイズを
小さくして閲覧して頂くとご確認頂けます。

また、表示を確認しやすくするために記事内に余白をとっております。



通常の表示:ここをクリック!

CSS追加後の表示:ここをクリック!











↑ ブラウザの天井にピッタリくっつきます。










↑ こちらには上部に余白をつけました!






















どのようになっているのかといいますと、
「リンク先に指定したID」に以下のCSSを付け加えてみましょう。


#link2 {
  padding-top: 20px;
  margin-top: -20px;
}



追加したpadding-top分をmargin-topで無くすことで、
リンクをクリックした時、上部に余白を持たせながら
レイアウトが崩れることなくページ内リンクのリンク先を調整することができます!


この方法でページ内リンクを使って、今までピタッとなっていた部分に余裕を持たせて上げることで、視認性も向上します!
小さなことでも見逃しません。

それがチーフです。

それでは来年も、、、
「チェェェーック!」

○秘

アナリティクスでコンバージョンを設定する(ECサイト編)

カテゴリ:アクセス解析

2013年12月12日

今回はグーグルアナリティクスの核である「コンバージョン」の設定を解説したいと思います。


そもそもコンバージョンって最初から計測されないの?とお思いの方もいらっしゃるのではないでしょうか。

天下のグーグルさんが提供している解析ツールなんだから、コンバージョンも勝手に計測できるてるでしょ!そんなふうに思ってた時期が私にもありました



・・はい、コンバージョンは自分で設定しなければ計測されません。

ということで今回はECサイトでの「商品の購入完了」をコンバージョンとし、その設定方法を解説します。

コンバージョンの設定と聞くとなんだか難しそうなイメージですが、わかってしまえばほんとに簡単です。
それでは設定のステップをご紹介。


① トップ右上にある「アナリティクス設定」をクリック


② ビューの中にある「目標」をクリック

③ 「目標作成」をクリック

④ 今回は購入をコンバージョンとするため、「商品購入」を選択

⑤ 目標の名前は「商品購入」にでもしておきます。タイプは目標を選択。

⑥ 購入完了ページのURLを入力します。例えば購入完了ページが「http://webcoding.jp/thankyou.html」の場合「/thankyou.html」だけを入力します。



これで設定は完了。わかってしまえば何てことなかったですね!
ちなみに実際の計測までは1日から2日程時間がかかります。


コンバージョンの設定により、商品を買った人がどういう経路でどのくらいの期間で購入に至ったかなど、他の解析データが輝きをみせてきます。

是非是非コンバージョンを設定してサイト改善を行っていってください。

読者登録

読者になる

このブログの更新情報が届きます

プロフィール

チーフ

ニックネーム:チーフ

血液型:A型

得意技:ブラインドコーディング

座右の銘:宵越しの金は持たない

口癖:「チェェェーック!」

愛犬:マレーシア生まれカラムーチョ大好きパグの "ジャッキー"

秘書:ニコ動とモンハンが生き甲斐 "左門寺バーバラ久美子"

カレンダー

2013年12月
« 11月   1月 »
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

アーカイブ