[Google Analytics]イベントトラッキング（trackEvent)の正しい使い方
Google Analytics使ってますか？ 無料で使えるアクセス解析ツールとして定番なので使っている人は多いと思いますが、果たしてどこまで正しく使えていますか？ 個人的にとても便利で良く活用している「イベントトラッキング」について紹介します。 イベント・トラッキングってなに？ イベントという言葉に馴染みがない人が多いですよね。 Google Analyticsは”どのページが見られたか？”を解析するツールですが、他にも”ボタンをクリックした”とか”記事を1分以上見た”とか”動画を30秒以上見た”というアクションを計測することもできます。 個別のアクションのこと計測する事をイベント・トラッキングと言います。 Javascriptでイベントハンドリングとかしている人なら馴染みがあるでしょう。 計測するにはちょっとコツがあるのでやり方を紹介します。 イベント・トラッキングの始め方 まずは公式
![[Google Analytics]イベントトラッキング（trackEvent)の正しい使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ed69785c3e6d9ccf5940663ae7b65c2b9baa74b/height=288;version=1;width=512/http%3A%2F%2F1.bp.blogspot.com%2F-G3bp2Kg-jkk%2FTZ1Pb-l-5MI%2FAAAAAAAAAiA%2FpTzCw6Lxqy4%2Fw1200-h630-p-k-no-nu%2Feventgoals-map.png)
大林組
令和6年能登半島地震の被害によりお亡くなりになられた方々に謹んでお悔やみ申し上げますとともに、被災された方々に心よりお見舞い申し上げます。 大林グループは総力を挙げて被災地の復旧・復興に尽力してまいります。 2024年08月09日 プレスリリース 高速道路のり面補修工事にて水素活用に関する実証実験を実施 2024年08月08日 株主・投資家情報 2025年3月期 第1四半期決算説明会における説明要旨と主な質疑応答 2024年08月08日 ソリューション／テクノロジー 低炭素型セグメント「クリーンクリート®セグメント」をシールド工事で初適用 2024年08月07日 その他 グラングリーン大阪 先行まちびらき記念 9月6日（金）～9月8日（日） オープニングイベントを開催 2024年08月06日 株主・投資家情報 2025年3月期 第1四半期決算説明会プレゼンテーション資料（説明付） 2024
3 Dreams of Black by Google Data Arts Team - Experiments with Google
This experiment is no longer active, but you can still learn about it on this page. “3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experien
Form Follows Function
Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i
HTML5/JavaScriptでMIDIデータファイルを読み込んで扱える MIDI.js - 音楽方丈記
HTML5/JavaScriptでMIDIデータファイルを読み込んで扱える MIDI.js » 音楽コンテンツ(楽曲再生) [編集] お気に入りのブログ IDEA*IDEA で紹介されていた HTML5 + JavaScript で MIDI データを扱うコンポーネント MIDI.js が面白そうだったのでここでも紹介。 注意： MIDI.js のサイトを開くと音が鳴るデモが自動再生されます MIDI.js は Web アプリから JavaScript で MIDI データを扱うためのコンポーネントパッケージで、github でソースコード一式が公開されています。 MIDI.js のモジュールMIDI.* が MIDI データ処理を行うメインのクラスで、その他は MIDI とは直接関係がない補助的なクラスが含まれます。 MIDI.loadPlugin.js 音色データのロードなどプラグイ
要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話
2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。（ミスなどの指摘は @lowply までお願いします） もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
高木浩光さんへ、しっかりしてください - 最速転職研究会
技術者としての良心に従ってこの記事を書きます。俺はセキュリティとプライバシーの人ではなく、JavaScriptとUIの人である。法律の勉強だって自分の生活と業務に関わりのある範囲でしかしないだろう。しかし少なくともJavaScriptやブラウザが絡むような部分については、確実に自分のほうが理解していると思っている。高木浩光さんが、あからさまに間違ったことを書いたり、おかしなことを書いていたりしても、徐々に誰も指摘しなくなってきたと思う。おかしなこと書いていたとしても、非技術者から見たときに「多少過激な物言いだけど、あの人は専門家だから言っていることは正論なのだろう」とか、あるいは技術者から見た時でも、専門分野が違えば間違ったことが書かれていても気付けないということもあるだろう。 もう自分には分からなくなっている。誰にでも検証できるような事実関係の間違い、あるいは、技術的な間違いが含まれてい
[JS]これはかなりの優れもの！iOS用だけどIE7にも対応しているスライダーのスクリプト -iosSlider
iosSlider [ad#ad-2] iosSliderの特徴 iosSliderのデモ iosSliderの使い方 iosSliderの特徴 ハードウェアアクセラレイト iOS, Android, Webkit系ブラウザ用にCSS3を使用します。 レスポンシブデザイン デスクトップ、スマートフォン、タブレットの各デバイスをサポート。 コールバック ウェブアプリとしてさまざまな用途に応えるためにコールバックを用意。 全てのモダンブラウザをサポート デスクトップ用のFirefox, Chrome, Safari, IE7+をサポート。 無限ループ スライドは両方向に無限ループさせることもできます。 オートスライディング 自動スライドにも対応、ホバーで中断します。 サポートブラウザ iosSliderがサポートするテスト済みのブラウザ一覧です。 Firefox5.0+ Chrome19.0+
Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？
Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’
Datavisualization.ch Selected Tools
GeoCommons A public community and set of tools to access, visualize and analyze data with compelling map visualizations. http://geocommons.com GeoCommons Type: Web Application & API Technology: JavaScript, Ruby License: Various Links Website API Documentation GitHub User Google Fusion Tables A web application that makes it easy to host, manage, collaborate on, visualize, and publish data tables. h
シンプルで見やすいガントチャートを描けるjQueryプラグイン・jQuery.Gantt
シンプルで見やすいガントチャート を描画できるjQueryのプラグイン。 以前見かけてから放置していたので 少し触って見ました。使う機会は 個人的には多くありませんけど、 覚えて置いて損はしないかと。 この手のはよく見かけますけど、今日のプラグインは個人的に使いやすい印象だったのでメモ。 こういうやつ。 サンプル作ったので宜しければご覧下さい。 Sample コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script src="jquery.fn.gantt.js"></script>本体とプラグイン。 $(".foo").gantt({ scale: "weeks", minScale: "weeks",
カッコいいカバーフローを実現できるjQueryプラグイン「CoverScroll」:phpspot開発日誌
CoverScroll jQuery plugin カッコいいカバーフローを実現できるjQueryプラグイン「CoverScroll」。 次のような画像をアイコン風にして綺麗にアニメーションさせられるカバーフローを簡単に実装できます 必要なライブラリを読んで上記のようにマークアップを記述して $('#container').coverscroll(); と書くだけ。 オリジナル画像は次のようにサイズは自由で、ライブラリが勝手にリサイズ＆角丸補正してくれます。 色々と使えそうですね 関連エントリ 複数要素をランダムにフェードインさせられるjQueryプラグイン「champagne.js」 フォームをカッコよくするjQueryプラグイン集１５ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」
DeNA開発、高速なJavascriptコードを生成できる新言語「jsx」への反応まとめ - Togetter
Kazuho Oku @kazuho 公開ed！ ウェブブラウザ上で JavaScript より速く動作するプログラミング言語です。よろしくお願いします m(__)m / “JSX - a faster, safer, easier alternative to Java…” http://t.co/UdsmdvI3 2012-05-31 07:52:09 Takuto Wada @t_wada DeNA が開発したオブジェクト指向、静的型付け、(ほとんど)型安全なプログラミング言語。コンパイルすると JavaScript が生成される。ライセンスは MIT. / “JSX - a faster, safer, easier …” http://t.co/eONyUpS8 2012-05-31 08:15:41
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TANGRAM
GitHub - zehfernandes/jquery.fullContent: Enables fully websites
LAMDASH DNA | メンズシェーバー（電動・電気シェーバー） | Panasonic
Loading...
typeCS
サイモン シネック: 優れたリーダーはどうやって行動を促すか | Video on TED.com
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
