Google Analyticsをパワーアップ！·Google Analytics on Steroids MOONGIFT
Google Analytics on SteroidsはGoogle Analyticsのデータ取得をより詳細に、より多彩にしてくれるライブラリです。 Webサービスを運営する中でユーザがどう行動しているのかを把握するのはとても大事です。Google Analyticsでもある程度取得できますが、より詳細にトラッキングしたいならば使ってみたいのがGoogle Analytics on Steroidsです。 埋め込みのサンプルです。多彩なデータがトラッキングできます。 提供される機能はフォーム入力トラッキング、マックススクロール、外部リンク、ダウンロード、mailto、動画閲覧（vimeo/YouTube）などができます。さらにメタデータの追加、コマーストラッキング、HTMLの要素にトラッキング内容の追加ができます。 Google Analytics on SteroidsはJavaSc
Google Maps SDK for iOSの導入手順 - Qiita
アプリ内で Google Maps を使用するための SDK、"Google Maps SDK for iOS" の導入手順です。 公式情報は Google Developers にあります。 1. API Keyを取得 Google APIs Console の Services タブで、Google Maps SDK for iOS を ON にする。 API Access タブで、"Create new iOS key" ボタンをクリック。ポップアップで出てくるウィンドウに、Google Maps SDK for iOSを使用するアプリのBundle identifierを入力する。 2. SDK をプロジェクトに追加 GoogleMaps SDK for iOS をダウンロード Getting the Google Maps SDK for iOS GoogleMaps.frame
SONHLAB Social Auth For PHP Standalone Sites and Applications
Social Auth Plugin is the authentication and authorization solution based on social networks for web applications. Nowaday, almost internet users have at least one account on social networks (like Facebook, Twitter or Google Plus …). Therefore allowing users log in your applications/sites (apps) via social network accounts is not only help your users approach your apps easily but also help you red
【Google Feed APIを使用して、複数のサイトのRSSフィードを取得して更新日順でソート（並び替え）して、さらにそれを「サムネイル付きで」表示する方法】｜今村だけがよくわかるブログ
【Google Feed APIを使用して、複数のサイトのRSSフィードを取得して更新日順でソート（並び替え）して、さらにそれを「サムネイル付きで」表示する方法】 記事の趣旨はタイトルの通り、「静的ページにブログの最新の更新情報を画像付きで表示する方法」を書いたものです。これを読んでいただいた方の多くから、 「複数のサイトのRSSをこうやってまとめて表示できないかな。サムネイル付きでよ！」みたいな会話が出てきてましたんで、ちょっと調べてみましたが、やり方がありました。結構使えると思いますので、興味がありましたらご参考ください。 2015/12/02追記2015/12/02からGoogle Feed APIが403エラーになって使えない、という方が多いという話を聞いたので、Google Feed APIのページを見ると以下のように書かれていました。 This API is officiall
Google AJAX Feed APIでdc:dateみたいなコロンがついたやつにアクセス - 名前空間プリフィックス: point of view point
いまさらながら、Google AJAX Feed APIを触っているのですが、「dc:date」みたいな名前空間プリフィックス（接頭辞）が付いてる要素が拾えなくて困りました。それをどう解決したか、という話。検索しても意外と見つからない。まあ、名前空間とかプリフィックスっていうのも今回初めて理解したわけですが。たどり着くまでの話が長いので注意。 Google AJAX Feed APIってのはクロスドメインでの利用を可能にするライブラリというかなんというか。今、Googleのサイトを見たら現在の名称はGoogle Feed APIになってるのかな？ ということで、公式はここか。 Getting Started - Google Feed API — Google Developers まず、Google AJAX Feed APIを触るにあたって最初に参考したのはこれ。 RSSなどのxmlフ
Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」:phpspot開発日誌
FullCalendar - Full-sized Calendar jQuery Plugin Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダー実装のスクリプトは色々とありますが、UIが綺麗に作られているカレンダー実装jQueryプラグインの１つとしてご紹介 ドキュメントが充実しておりカスタマイズ制が高いものとなっています 関連エントリ Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」 これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム
Google Analytics トラッキング スニペット再考（2012） | MOL
秋色日毎に深まりこんちわ、@t32kだ。前回も少し言いましたがPageSpeedにモバイル版というのがありまして、デスクトップ版とは少々違うことをこいつは物申してきます。テストするページにもよりますが例えば、デスクトップ版であれば、「ブラウザのキャッシュを活用する」 や 「圧縮を有効にする」 がHigh priorityな対策としてよく指摘されます。モバイル版でもそれらは重要かつ効果のある対策ですが、さらに対応しておきたいのが 「JavaScript の解析を遅延する」 という対策です。 ざっくり言えば、そのJavaScriptが本当に必要になるまで後にとっておくということです。スマホなどの携帯端末は言うまでもなく、デスクトップPCに比べれば非力なので、このような端末ではJavaScriptを解析するのにもなかなか時間を要してしまうので、注意しましょうってことです。 PCサイトで、それも単
Google Analytics APIを使って、プラグインに頼らずに記事のアクセスランキングを表示しよう［ wordpress］
こんにちは、霙（@xxmiz0rexx）です。 サイトにGoogle Analyticsを導入していることが条件ですが、APIを利用すればプラグインに頼らなくても記事のアクセスランキングが表示できることを最近知りました！色々カスタマイズもしてみましたので、以下に手順とサンプルコードをメモしていきます。 1：GAPI（GAPI – Google Analytics API PHP Interface）をダウンロード まずは下記のサイトからライブラリが入っているzipファイルをダウンロードします。 gapi-google-analytics-php-interface 2：example.report.phpの中身を編集 次に、ダウンロードしたzipファイルを解凍し、中に入っているexample.report.phpを編集していきます。 下記のサンプルは結構盛りだくさんなので要らない部分は外し
Web制作や仕事に役立つGoogle活用術 / Maka-Veli .com
まぁーーよくあるポストですけど、Web制作で役立つ事で僕がよく使っているものをご紹介。 Chromeとかの事を書き出したらキリが無いので今回は検索術程度に。 請求書発送用に。住所から郵便番号を一発検索 google検索窓に「住所」スペース「郵便番号」で出ます。 打ち合わせ用に。乗り換え案内 Google transit ってやつですね。 検索窓に「駅名 駅名」の後に「乗換」で検索に候補 が出るので [Google 乗換案内] をクリックで出てきます。 地図制作用に。「駅から何分」を調べる 上記の方法や、もしくはルート・乗換案内から、出発と行き先を入力して「車」「徒歩」などのアイコンをクリックするとルートが出ますが、 移動に必要な時間も表示されるので、地図の作成時などに役立ちます。 勉強用に。技術本を読み漁る Googleブックスのレビューは一部分表示だけだと思ってる方がけっ
WebRTCでブラウザーが防犯カメラに！ (1/4)
WebブラウザーからPCのカメラなどのデバイスにアクセスするには、従来、Flash Playerを利用する必要がありましたが、最近ではJavaScriptで利用できるAPIがWebブラウザーに実装されてきています。たとえば、HTML5のMedia Capture APIを使うと、Webカメラから画像や映像を手軽に取り込めます。
Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます
CDNでウェブサイトを高速化するためのまとめ
CDNでウェブサイトを高速化するためのまとめです。 「そんなの知ってるよ」という方も多いと思いますが、バージョンの指定方法や、キャッシュ・フォールバックなど、CDNに関する情報を集めましたのでご覧いただければ幸いです。 認識誤り等ありましたらどこかでつぶやいてください。 １．CDNとは CDNとは「Contents Delivery Network（コンテンツデリバリネットワーク）」または「Contents Distribution Network（コンテンツディストリビューションネットワーク）」のことで（注）、コンテンツを配信するために最適化されたネットワークを指します。 Wikipediaの「コンテンツデリバリネットワーク」の説明によると、次のサービス（企業）が著名な商用CDNサービスを提供しているようです。 Akamai Technologies Limelight Networks
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
ページ内でどれくらいスクロールされているかをGoogleアナリティクスで解析する為のjQueryプラグイン・Scroll Depth
ユーザーにどれくらいページ内で スクロールされているかをGAの イベントAPIを使って解析する為 のjQueryプラグイン・Scroll Depth のご紹介。 スクロールに応じて視差効果を演出できるパララックス系サイトやペラサイトのような1ページで完結するタイプのコンテンツを持つサイトは割と見かけるので、どれくらいスクロールされているかを解析する方法もあるといいかもですね。という需要に応えたライブラリみたいです。 ※時間なくて動作テストしてないのでその程度の記事という事で今日はご了承下さい。 ユーザーのスクロール状況をパーセンテージでトラッキングするプラグイン。デフォルトでは25％、50％、75％といったポイントで解析できるようになってるみたい。また、任意のDOM要素をターゲットにする事も出来るそうです。 コード<script src="https://ajax.googleapis.c
サイトを診断してみましょう - GOMO by Google
この診断ツールを使用すると、現在のサイトがスマートフォン上でどのように表示されるかを確認できます。また、スマートフォン向けサイトを構築するのに役立つ無料診断レポートが作成されます。レポートにはサイトに合わせた個別のアドバイスも含まれます。まずは、下の欄に URL を入力してください。
Googleマップ関連のjQueryプラグインとチュートリアル集:phpspot開発日誌
11 Helpful jQuery Google Maps Plugins and Tutorials Googleマップ関連のjQueryプラグインとチュートリアル集。 GoogleマップをjQueryで超簡単に使えるようにするプラグインがまとまっており、簡単に地図をＷＥＢサービスで扱いたいという場合にサクっと実装できて便利そうです。 プラグインの選別に使えそうです HTML5やCSS3とGoogleマップを組み合わせたチュートリアル等も掲載されています 関連エントリ スマホやタブレットでGoogleマップ風に使えるパノラマ画像ビューア「PanoJS3」 Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 GoogleマップAPI ver3でGoogleマップを独自にスタイル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Devtools Cheatsheet
cmmntr.com
フィルタリング可能なGoogleMapを実装するjQueryプラグイン・Searchable Map
The Mobile Playbook
