[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2
チャートやグラフは、さまざまなスマホアプリで見かけます。 スマホのデバイスに対してデザイン、インタラクション、パフォーマンスに最適化されたチャートやグラフを実装するHTML5 Canvasベースのライブラリを紹介します。 Node.js、React Nativeなどに互換性もあり、50種類以上のチャートやグラフを簡単に利用できます。 スマホ向けのデザイン デザインはスマホに最適化されており、軽快なインタラクションでデータをより自然に表示します。 スマホに最適化されたパフォーマンス 軽量で、素晴らしいレンダリングのパフォーマンスを実現。 互換性 HTML5のCanvasベースで実装されており、Node.js、React Nativeで実行することもできます。 ライセンス MITライセンスで、個人でも商用でも無料で利用できます。 F2のデモ まずはスマホのアプリでよく見かける、美しいデザインと
![[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2](https://cdn-ak-scissors.b.st-hatena.com/image/square/38d845daa3306af6511040b4844ec0fb7250d64c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018083111.png)
アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita
この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基本的には、GoogleTagManager（以下、GTM）経由でGoogleAnalytics（以下、GA）を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借
Google アナリティクス ウェブ トラッキング（analytics.js）に関する変更履歴 | ウェブ向けアナリティクス（analytics.js） | Google Developers
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 お探しのページは現在ご利用いただけません。 クリックしたリンクは、以前のバージョンであるユニバーサル アナリティクスに関するドキュメントでした。ユニバーサル アナリティクスは廃止され、2024 年 7 月 1 日をもってご利用いただけなくなりました。 アナリティクス ラーニング センターにアクセスして、新しいバージョンの Google アナリティクス 4 をお試しください。 �0�:�U �< ;�U
データの可視化に使えるD3.jsでユーザーのページ遷移を表現してみた | PLAID engineer blog
D3.jsを使ってユーザーがサイト内の各ページを遷移している様子をアクセスログから可視化してみました。
Code — Kate Morley
This section of my site contains code and programming tutorials. Online binary file viewer Vertical label placement Styling checkboxes and radio buttons with CSS A star rating widget in CSS Tree views in CSS Border box sizing in CSS Detecting caps lock in JavaScript Creating CSV downloads in PHP Compressing the Wordle dictionary AmigaGuide reference HAKMEM Item 175
GoogleアナリティクスでYouTubeや動画再生の計測方法まとめ
動画再生のトラッキング 動画再生は再生ボタンのクリックなど、プレイヤーの挙動をイベントトラッキングで計測します。 かつてFlashで動画を再生していた頃は、Flashのアクションスクリプト内に、Googleアナリティクスのトラッキングコードを仕込んでバーチャルページビューなどで計測していた頃もありました。なつかしい。 今は、YouTubeのiFrame API や、HTML5のVIDEOタグなどから、プレイヤーの挙動を検知できるとのことで、いくつかの手法が存在します。 プロが教えるいちばん詳しいGoogle アナリティクス 4 | NRIネットコム株式会社, 神崎健太 jQueryで動画を貼り付けて計測 Googleアナリティクス公式ヘルプフォーラムでも有名な山田さんが解説されています。 ＞＞埋め込みYoutubeプレイヤーの再生状況をGoogleアナリティクスで解析する方法 | SEM
Google アナリティクスで強化された「拡張eコマース」機能がサクッとわかる6つの特徴 | Web担当者Forum
Google アナリティクスサミット2014が5月末に開催され、多くのGoogle アナリティクスの新機能が紹介されました。本記事では、その新機能の中から特にWeb担当者が知っておくべき機能の「拡張eコマース」をピックアップして6つ特徴を紹介します。記事後半では実装方法も解説します。 「拡張eコマース」で可能になった6つの特徴Google アナリティクスのeコマース解析が機能強化して「拡張eコマース」という名称でリリースされました。今までのeコマース機能は完了した注文だけをレポートしていましたが、新しくなった「拡張eコマース」機能では、 商品の検索から詳細ページの閲覧 → カート投入 → 決済 までのステップを確認できるになったため、サイトのコンバージョン率の改善に大いに役立ちます。では、具体的に拡張された機能を見ていきましょう。各特徴をクリックすると、詳しい解説に飛びます。 1．購入プロ
キャンペーン用トラッキングパラメータ付きURLを、HTML5のreplaceStateで美しくスッキリさせてみた | 初代編集長ブログ―安田英久
今日は、キャンペーン用のトラッキングパラメータ（utm_sourceとかutm_mediumとか）付きの汚いURLをスッキリさせるのに、HTML5のHistory APIで提供されているreplaceStateを使う、美しい方法を紹介します。 キャンペーンの効果測定を適切に行い、さらに、ソーシャルを通じた拡散の効果を高め、ユーザーにも優しい、良い仕組みを作るために、サイトを管理するWeb担当者さんと、集客を増やすマーケ担当者さんが、力を合わせる仕組みです。 マーケ側が効果測定したいというニーズは当然。それに対してWeb担当側は、そのニーズを満たしつつも、ユーザーに対しても良い形で、かつオウンドメディアの効果を最大化できる美しい実装をしていけるのがいいですよね。 以前に、「長くて汚いutm_*パラメータ付きURLをキレイにするGoogle Analytics用の少しマニアックなスクリプト」と
よく耳にする「タグ」の意味を理解してますか？ Googleアナリティクスを使うなら最低限知っておきたい「タグ」の知識
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Yahoo!タグマネージャー - Yahoo!マーケティングソリューション
複数タグの設置により発生するさまざまな課題を解決 「Yahoo!タグマネージャー」は、さまざまなタグを一元管理できるタグマネジメントサービスです。共通タグをウェブページへ埋め込むだけで複数のタグ管理を容易に行うことが可能となり、タグの導入・運用負荷の削減、ページ表示の高速化が実現できます。
この夏Google Analyticsが新しくなるって知ってた？Universal Analyticsを予習しよう - Qiita
この夏Google Analyticsが新しくなるって知ってた？Universal Analyticsを予習しようJavaScriptGoogleAnalytics 意外と認知度が低い感じですが、Google Analyticsがそろそろ新しくなりますよ！ 現在パブリックベータとして提供されているUniversal Analyticsが 予定では 7月中 に正式リリースになります。つまり今月！ 世の中見渡していると非エンジニアなウェブマスター向けの紹介記事が多い印象なので、ここではJavaScriptのインタフェースがどう変わったか、それを使ってエンジニアはどういうことができるようになるか、みたいな、よりエンジニア向けの話題を中心に書いてみたいと思います。 ソースは公式ドキュメントなので、より詳しく知りたい方はそちらを参照してください。 簡単なまとめ Universal Analytics
最初に設定しないと絶対損する！Google Analytics 9個の必須設定＆解説 | Find Job ! Startup
アクセス解析は最初の解析設定が命。「やっておけばよかった！」と後悔しても、設定し忘れた集計数値はもう2度と手に入りません。 Webサイトの財産とも言える解析データをしっかり取得してビジネスの成長につなげるためにも、必ず設定しておきたいGoogleアナリティクスの必須設定項目をまとめました。 もし抜けがあるようでしたら、この機会に設定してみて下さい。 ※現時点で、アナリティクスの設定は標準・ユニバーサルの2種類があります。ユニバーサルは、まだ不完全なので今回は「標準」での設定をベースにご紹介します。 【設定1】プロパティ＆プロファイル まずはサイトの運用方針などに合わせて、的確にプロパティとプロファイルを設定します。 基本的には「サイトごとにプロパティ」設定がおすすめ いくつものサイトを『それぞれ別のドメインで展開』する場合や、サブドメインでそれぞれのサイトを管理する場合、基本的に
Google アナリティクスで使われるクッキーについて __utma / __utmb / __utmz - こせきの技術日記
公式な仕様は無さそう。ソースを読むのは厳しい。整形しただけでは全然読めなかった。 クッキー 4種類 現行バージョンの ga.js が使用するクッキーは、主に4つ。 __utma ユーザを識別。2年有効。 __utmb 今回のセッションを識別。30分有効。 __utmz どこから来たか。リファラ。6ヶ月有効。 __utmv カスタム変数。2年有効。 __utma, __utmb, __utmz は、ga.js が実行されたときに、無かったら作られる。 __utmv は、_setCustomVar() で作られる。 有効期間は、最後に更新した時点からカウントする。4つとも、GAにデータが送られる度に更新される。 たとえば __utma なら、ユーザが2年間サイトに来なかったら消える。2年以内に再度アクセスすると、そこからまた2年の有効期間が与えられる。 他に、 __utmc 古いバージョンであ
Googleアナリティクスのイベントトラッキングで検索順位を調べる方法
[対象: 上級] Googleアナリティクスのイベントトラッキングを利用してGoogle検索からのトラフィックがあったキーワードの順位を計測する方法をこの記事では紹介します。 GoogleのAnalytics AdvocateであるJustin Cutroni氏がAJ Khon氏に教授した方法になります。 さっそく設定方法からいってみましょう。 以下のコードをheadセクションに挿入します。 <script type="text/javascript"> if (document.referrer.match(/google\.(com|co\.jp)/gi) && document.referrer.match(/cd/gi)) { var myString = document.referrer; var r = myString.match(/cd=(.*?)&/); var ran
Google website optimizerでクリックをコンバージョンにする - Web Analytics Latte
Google website optimizer(GWO) は、使用にいくつかの制限があります。 すべてのテストページが、同じ（サブ）ドメイン下にあること オリジナルページ、テストページ、コンバージョンページのURLが分かっていること オリジナルページ、テストページ、コンバージョンページにJSタグを入れられること で、3は別に当たり前のことなんですが、実は1がけっこうクセモノだったりします。 なんでかっていうと、たとえばA/Bテストを実施したときに、リンク先（コンバージョンにしたいページ）が別ドメインってことはよくあると思うのです。 そこで、外部へのリンク自体をコンバージョンとみなしてテストする方法を試してみました。Googleヘルプに載ってるコードはなぜか古いバージョンみたいで、2009年11月現在、こちらのコードが正しいと思います。 カスタムABテストの設定手順 ↑
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Workbox Broadcast Cache Update | Workbox | Google Developers
20160927 reactmeetup : React.jsと GoogleAnalytics
Redux For Better in-App Analytics
https://qiita.com/gigamori/items/ae5a0e0cdf6496bfd9c5
A/B test with Google Web optimizer; what cookie tells me visitor got A or B