Tableにソート機能などをつけるプラグイン「DataTables」を実装する -【いけだ屋】
Tableにソート機能などをつけるプラグイン「DataTables」を実装する 2012年5月29日更新 Tableにソート機能などをつけるjQueryのプラグイン「DataTables」の基本的な導入方法と、自分のサイトに合わせて設定したカスタマイズ部分の記述についてのメモ書き。 DataTablesの導入方法 DataTablesのサイトhttp://datatables.net/のダウンロードページからDataTablesのパッケージを入手する（自分の時はバージョン1.9.1が最新版）。 ZIPで圧縮されているので、解凍する。解凍するとフォルダ内にmediaという名前のフォルダがあり、階層の中にはCSSやJavascriptのファイルが格納されている。 基本的に、demo_table.css、jquery.dataTables.js、jquery.jsの3つのファイルを読み込み、テー
jQueryのDataTablesプラグインを使ってみた - ichhiの日記
DataTablesプラグインとは tableタグを装飾してくれるjQueryプラグイン。 http://www.datatables.net/ 他のtableタグを装飾してくれるプラグイン 「Flexigrid」 http://flexigrid.info/ 「Ingrid」 http://www.reconstrukt.com/ingrid/index.html ちなみに、これらを知った経緯は「jquery table」でググって出てきた この記事を見たから。 http://www.designwalker.com/2009/09/jquery-table.html どうしてこのプラグインを選んだか サンプルプログラムやAPIなどがまとめられており、ドキュメントがしっかりしているから。 これに尽きる。 Flexigridは機能は良いが、ドキュメントが見つからなかったので使用をやめた。
サイトの表データをGoogleスプレッドシートで楽々更新
面倒なので更新が遅れがちだった記事リストをGoogle Driveと自動連動させてみました。jQueryとDataTablesを使っているので、サクサクと並び替えやフィルタ、ページ移動ができます。いろいろ応用ができそうなので、方法についてメモしておきます。 1. スプレッドシートを作成し公開まずGoogleドライブ上でスプレッドシートを作成します。実際に作ったシートを見る ※シートを分けたりVLOOKUPしたりしてますが、普通にべた書きでもokです。1行目はJSON中の項目名になるので、英数字にしておきます。 次に、「ファイル」メニューの「ウェブに公開」で公開します。「共有」ではなく「公開」です。 2. jQueryプラグイン「DataTables」をインストールjQueryとDataTablesをダウンロードし、ページにリンクします（headにscriptタグを追加）。 以下はGoogl
第4回 「アクセス解析」でも「Web解析」でもない
Web Analyticsは「アクセス解析」や「Web解析」と訳されますが、実はどちらも微妙に異なります。「分析」と「解析」の違い、「アナリシス」と「アナリティクス」の違い、「ログ」や「アクセス」ではない理由など、紛らわしく悩ましい現状について整理しつつ、注意点をまとめました。 アナリティクス＝解析ではない Web解析は英語では”Web Analytics”と呼ばれます。Web解析全般の意味で「アナリティクス」と言うと、たまに「Googleアナリティクス」の略だと勘違いされるのですが、「アナリティクス」は商品名ではなく一般的な英単語です。「分析」を意味する「アナリシス」をMerriam-Websterで調べると、“separation of a whole into its component parts”（全体を部品に分解すること）とあります。Wikipediaでは“Analysis i
メルマガにGoogleアナリティクスのUTMパラメータ付きURLを載せるときの注意点 - makitani.com
メルマガなどのメール施策で、GoogleアナリティクスのUTMパラメータ付きURLを載せるとき、少なくともそのメール内で使用するパラメータ値の組み合わせは共通のもので統一させた方が自然だろう、というお話。 ※UTMパラメータとは： Googleアナリティクスに参照元やキャンペーン名などを認識させるための変数。「URL生成ツール」などを用いて作成する。 URL 生成ツール – アナリティクス ヘルプ 状況説明 リンクごとのURLパラメータ値の組み合わせが共通の場合 ▲リンクごとのURLパラメータ値の組み合わせが共通の場合の図解 メール内に複数のUTMパラメータ付きURLがあったとして、その複数のリンクをクリックしてサイトに訪問があった場合、パラメータ値の組み合わせが共通であれば「複数のリンククリックでのサイトへの訪問」であっても「1つの訪問」として認識されます。同じサイト内であればリンク先ペ
Experiment: onClick vs onMouseDown Event Tracking in Google Analytics
Event tracking is a beautiful thing. With it we can track visitor actions that don’t load the Google Analytics Tracking Code (GATC) such as PDF downloads, image clicks, uses of a tool. In simple terms, it’s widely used to track pretty much anything that doesn’t load another web page on your site. Tracking these sorts of events is relatively simple; you just add a piece of code that sends a signal
新人Webアナリスト必読！ 生ログ解析で失敗しないための12のチェックリスト
コラムカテゴリー ご報告／ご連絡(34)アクセス解析（技術系）(6)ツール／技術動向(77)ビジネス／戦略論(46)メールマーケティング(4)リードナーチャリング関連(64)体験設計(7)定義／サイトKPI／行動解析(115)意見／考え方(79)海外マーケティング動向(15)組織／体制論(18)言葉／用語(2)訪問先／マーケ論(137) 執筆者 上島千鶴 CEO / Strategic Consultantニコライ Technical Engineerアンリ Marketing Consultantピーター Communication PlannerNexal広報 PR みなさん、こんにちは！ ニコライです。 今回はWebサーバの生ログを使ってアクセス解析を行う場合の注意点をまとめてみました。我々Webアナリストがアクセス解析をする場合、お客様がお使いの解析ツールを使わせて頂くか（アカウン
[Apache][xampp] xampp で mod_rewrite を使う方法答えを知りたい | 答えを知りたい
見た目が素敵なURLに変えるための mod_rewrite を xampp で使う方法を解説します。 mod_rewriteでできること ここに検索でたどり着いた人は Apacheのモジュール mod_rewrite で何ができるかはしってると思いますが念のために例を上げておくと http://localhost/index.php?user=foo&name=bar と書く所を http://localhost/foo/bar.html と書ける機能です。 foo/bar.html にアクセスすると内部で index.php?user=foo&name=bar が呼び出されるわけです。 Xamppの設定方法 xampp は既にインストールして使ってる前提で話を進めますのでインストールがまだの方はインストールしてからまた来てください。 1. まずApacheの設定ファイル http.con
フリーランスのweb屋な人が、見積や注文書、請求書を発行する際のポイント。 | たけろぐ
要所要所で追記してます。 フリーランスのweb屋な人が、仕事をする時の書類の流れとポイントをまとめてみました。 ざっくり言うと、 見積書発行→注文書発行→お客さんが注文書返送→納品→請求書&納品書発行 という流れです。 「ここまで書いちゃう？」的にけっこう書いてるので、 「そんなんわかってるよー」て方も、確認の意味も含めてご一読あれ。 ちなみにうちは「見積兼注文書」として発行しています。 また、後述しますが、納品書まで出すことはあまりありません。 書類の送付方法について まず基本的な、でも間違えると面倒な部分から。 各書類の送付方法は、 ・原本郵送 ・FAX ・PDF どれが可能なのか確認しましょう。 見積書や注文書と請求書で異なる場合があるので、必ず両方確認してください。 注文書はFAX・PDFでよくても、請求書は原本という所がたまにあります。 また、請求書を送る場合は、現実的に郵送のみ
seesaaブログでOpen Graph Protocol
Open Graph Protocolに関しては以下のページを参照してください。 これだけは知っておきたいOGP （Open Graph Protocol） | FacebookApps JAPAN｜Facebookプロモーションの現場から Open Graph Protocol - Facebook開発者 技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター) フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記 簡単に言うとmetaタグにいろんな情報を付加するとfacebook,mixi,GREEやらがそこから情報を吸い取ってくれるよという話です。 ここではseesaaではデザインから直接HTMLを編集することができるので、まぁ、頑張ったらなんとかなったっていうのを書いていきま
Cookies & Google Analytics - Google Analytics - Google Code
Cookies & Google Analytics An HTTP cookie—commonly referred to as just "cookie"—is a parcel of text sent back and forth between a web browser and the server it accesses. Its original purpose was to provide a state management mechanism between a web browser and a web server. Without a cookie (or a similar solution), a web server cannot distinguish between different users, or determine any relations
誘導ページ（Doorway Page）はガイドライン違反です
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
GA フォーラム | Googleアナリティクスの情報サイト | Google アナリティクスのイベント変数にノン インタラクション機能が追加
＜トラッキングコード＞ 2011年10月17日に、イベント変数に新しい機能、ノン インタラクションが追加されました。 従来は、例えば、検索エンジン経由でトップページに来訪した後、関連サイトのバナーをクリックした時点で「関連サイトへの誘導数をイベント変数を用いて測定していた場合、関連サイトへの遷移というアクションを行ったということで、直帰とはみなされない仕様になっていました。 一般的にはサイトの誘導効果として直帰とみなされない従来の形が望ましいですが、誘導数をイベント変数で測定したいけれども、サイト内のコンテンツを閲覧したのではないため直帰と見なしたい場合には、今回追加された機能を利用することで、イベント変数で測定しつつ直帰とみなすことができるようになりました。 新たに追加された部分は、トラッキングコードの以下の記述構文の最後にある「opt_noninteraction」になります。 ・記述
新任SEO担当者に必須のチェックリスト20項目 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 仕事や会社が変わったり、社内の担当が変わったり、とある日突然新しいサイトのSEOの任されることになった、という話はネット業界では良くあるでしょう。もちろん任される限りには多少のSEOの知識は持っている場合が多いでしょうが、実際にこれまで他の誰かがやっていたSEOを引き継いで行うことは意外とチャレンジングだったりもします。今回はサーチエンジンランドが、SEOの仕事を引き継ぎ際に気をつけるべきポイントをチェックリストでまとめてくれました。流石に上手くまとめられたリストとなっており、これで次にSEOの仕事を引き継ぐ時の不安は無し？！ — SEO Japan もしあなたが、ウェブサイトの新任“SEO担当
Best Social Media Metrics: Conversation, Amplification, Applause, Economic Value
Best Social Media Metrics: Conversation, Amplification, Applause, Economic Value I am going to break one of my unspoken cardinal rules: Only write about real problems and measurement that is actually possible in the real world. I am going to break the second part of the rule. I am going to define a way for you to think about measuring social media, and you can't actually easily measure what I am g
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
Google アナリティクスのセッションの定義変更について
A/Bテスト 5 Ads Data Hub 1 AdSense 5 AdWords 19 AdWords 連携 21 AMP 4 Analytics 基本 5 API 2 BigQuery 11 Cookie 1 CPA 1 DCM 1 DFP 3 DoubleClick 11 DoubleClick Campaign Manager 1 DoubleClick for Publishers 3 e コマース 2 Firebase 8 Firebase Analytics 4 Firebase 向け Google アナリティクス 2 ga.js 2 GA4 11 GACP 18 GCP 1 Google Cloud Platform 1 Google Consumer Surveys 2 Google Insights for Search 1 Google アド マネージャー 1 Goo
ホームページ - Gaforum
テクノロジーを学ぶなら「Gaforum」で！ Gaforumでは、常にクリエイティブなコンテンツを配信するように心がけています。イラストレーション、クリエイティブなデザイン、そして世界中の人々を魅了するプラットフォームを作る努力をしています。 より優先順位の高いサイトや企業からグローバルな情報を収集し、配信しています。そして、社会のために専門知識を共有し、閲覧者が楽しみ、学べる環境を整えています。世界の主要な技術ニュースに焦点を当てた、未来の技術を身につけましょう。 Gaforumの違い Gaforumでは、記事を配信するにあたり適切な調査を行い、専門家に依頼し、その知識を人々のために有用な形でまとめあげる努力をしています。ですので、記事に書かれている全ては時間がかけられて検証され、徹底的に研究された真実です。 誰もが読みやすい、見やすいと思うコンテンツを発信していることが他の企業との違い
スマートフォンのリスティング広告対策で覚えておきたい5つの事 | SEM-LABO
詳細な定義はさておき、スマートフォンとはここではAndroid、iPhoneなどのiOSを指します。 2011年度中には普及率が日本の全人口の20%に達する見通しだというデータがあったりなかったり、現時点での普及率はまだたったの10％超だから見過ごしてたって大丈夫という話があったりなかったり、その10%超のアクティブ率を見れば対応せざるおえなかったりしなかったり、そんな最近のスマートフォン市場ではありますが、リスティング広告ではスマートフォンだけに広告を届けることも可能です。 今現在の普及率・勢い・アクティブ率を冷静に見る限り、今後、リスティング広告担当者には決して避けて通ることができきなくなのがスマートフォンのリスティング広告対策でございましょう。 その1、現在のスマートフォンリスティング広告への配信はGoogle AdWordsのみ 読者の皆様におかれましては既にご存じのように、Goo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「リピートの回数」を理解する［第16回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
