ユーザースタイルシート:Analyticsでドロップダウンボタンの表示位置を変える

  • Posted by: maRk
  • myown
  • このエントリーを含むはてなブックマーク
  • あとで読む

Google Analyticsでtableのヘッダに表示されるドロップダウンメニューの位置を調整するユーザースタイルシート。

多分、自分だけとは思うのですが、Google Analyticsを使っていて、tableのヘッダに「ドロップダウンメニュー」が出てくる箇所があります。そこでクリックする場所をいい加減にしてクリックした場合に、ヘッダをクリックしたときの一覧でソートされる動作に(この場合、メニューが表示されている列がソートされるという動作になります)なって、本来目的とする動作と異なる動作になってしまうというミスをおかしてしまいます。

そこで、解決のためにメニューの位置を少しずらすためのユーザースタイルシートを追加しています。

見た目はこのような感じです。

SegmentDropdownButton.gif

適用したスタイルシートは以下のようなものです。位置はpx指定なので見る環境で場所は変化するかと思います。メニューの位置に関しまして、記憶違いかもしれないですが、以前はtable外にあったような気がするのですが。。JavaScriptでドロップダウンメニューが出現されているように見えるのですけれども、それにしてもtableのヘッダにメニューがあるというのはちょっと妙な感じはしています。

【追記:2009年11月1日】Google Analyticsがセカンダリディメンションを実装された関係で現在下記のユーザースタイルを使用しておりません。

@-moz-document url-prefix(https://www.google.com/analytics/reporting/) {
th#SegmentDropdown0_button {
position:relative;
top:-16px;
left:-117px; }

追記:th要素以外に出現するようなので、thを記述しておきました。

Comments:0

コメントをどうぞ。書き込む場所が不明な場合やサイトオーナーへのコンタクトは、GuestBookまでお気軽にどうぞ

Comment Form
Search

Powered by 暴想 & Dakiny&Digiclo

Feeds
Tags

All Tags

meta
Others

あわせて読みたい

全文配信同盟

my ブログネットワーク

Elsewhere

Action Streams

logo

Mozilla Firefox ブラウザ無料ダウンロード

TypePad AntiSpam