Universal Analytics でのクロスドメイントラッキング設定と意外な落とし穴 | チャットワーククリエーターズブログ
みなさんこんにちは！ 元エンジニアのマーケター、池田と申します ChatWork Advent Calendar 9日目を担当させていただきます。 このブログでは、マーケティングと技術の事を織り交ぜた話や、マーケターとエンジニアをうまく連携させていくノウハウをご紹介していきたいと思います。 今回ご紹介するのは、 Universal Analytics でのクロスドメイントラッキング設定です。 まだ Universal Analytics についての情報が少ない中、あれこれ試行錯誤しながらクロスドメイントラッキングに挑戦したのですが、思わぬ落とし穴に色々ハマってしまいました みなさんが同じ思いをしないように、そのノウハウをご紹介したいと思います！ Universal Analytics とは？Universal Analytics (ユニバーサルアナリティクス) とは、無料のアクセス解析ツー
『Twitterカード』を設定してサイトへの質の良い流入を増やそう！1万6742文字に渡る開発者向けドキュメントの日本語訳まとめ。 « 株式会社ガイアックス｜SNSマーケティング支援サービス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
ChromeはCSSで設定しないと禁則処理してくれない : 元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記
行末の「。」が先頭にきてしまうことがあるのはChromeだけだったのかな？ で、さすがに気になったので調べてみると、CSS表記で解決できることがわかった。 ちなみに、行頭に「。」が来るのを禁止することを禁則処理といいます。 修正前の状態 つまりはbodyにCSSで禁則の指定をしてあげる。 そのCSSは以下のとおり。 □ Chromeの行頭禁則がアレなのを解決 - たけみたの脱社会学日記 body { word-break: normal; word-wrap: break-word; } それぞれ解説すると。 「word-break」は改行をどう扱うかの設定。 それぞれ、以下のような指定ができる。 □ word-break−スタイルシートリファレンス normal 英語等は単語の途中では改行せず、単語の切れ目で改行されます。日本語・中国語・韓国語等は表示範囲に合わせて改行されます。このため
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
[JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js
ユーザーがIE6/7/8でアクセスした際、IE9へのバージョンアップや他のモダンブラウザのインストールを促すjQueryのプラグインを紹介します。 IE Alert js [ad#ad-2] IE Alert jsのデモ IE Alert jsの使い方 IE Alert jsのデモ デモはIE6/7/8でご覧ください。 IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。 デモページ：IE7で表示 [ad#ad-2] IE Alert jsの使い方 使い方は簡単で、2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 iealertフォルダ内にスタイルシート、および必要な画像が入っています。 <link rel="stylesheet" type=
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
レイアウトの基本的な型と、レイアウトからデザインまでの流れ
Webサイトにおいて、レイアウトの基本的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。 レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。 また、ユニークなレイアウトにするにしても、あらかじめ基本的な型を知っておくと逸脱がしやすくなりますね。 レイアウトに影響を与える要因 レイアウトにはいくつかの型がありますが、まずその型を決定する前に、レイアウトに影響を与える要因を知っておく必要があります。これらの要因によって、レイアウトの型があらかじめ決まったり、レイアウトが大きく変わるからです。 情報階層の深さ →1ページのサイトなのか、第二階層以降ありグローバルナビゲーションが必要になるのか、など サイトの目的・属性 →そのサイトでは何を伝えたいのか。企業・ブランドのメッセージや情報、ユーザーに役立つ知識（Wikiped
TechCrunch | Startup and Technology News
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
「官邸ホームページ」のdis記事に思うこと | おごちゃんの雑文
首相官邸のホームページリニューアルに4500万かかったそうな。 首相官邸ホームページ、４５００万円かけリニューアル 俺の怒りが有頂天ｗｗｗｗｗｗｗｗｗｗ 首相官邸ホームページが4500万円かけてリニューアルｗｗｗｗｗｗｗｗ 首相官邸HP、リニューアルに4500万円 ネットで怒りの声 「もっと安くできる」 総じて「もっと安くできる」と言いたげで、２ちゃんの香ばしのはいつものことで、産経の政権への悪意は平常運転なのだが、本当にそーゆー「世論」で良いのか？ 官邸のホームページへの技術的なつっこみは、まぁいくつかあるだろう。私でさえ、「なんだこのコメントは」「Google analyticsなんか使っていいのか？」「外国語は英語と中文でいいのか？」とか思ったものだけど、まーその辺は良いことにしておく。どうもアクセス解析は今年の開発らしい。 【公募】首相官邸ホームページで利用するアクセス分析ツールの
iPhone/Android/PCのブラウザ対応、フリック操作をシンプルに実装できるjQueryプラグイン - makogの日記
自作のjQueryプラグイン、jQuery.flickSimpleを公開します。 jQuery.flickSimple デモ / マニュアル（iPhone/Androidでもご覧いただけます） jQuery.flickSimple ダウンロード（github） これは、iPhoneの特徴的なインタフェースであるフリック操作を、Webサイト上で実現するための jQueryプラグインです。某サイトのiPhone版のためにだいぶ前に書いたもので、当時はiPhone専用だったのですが、Android対応の依頼を受けたのをきっかけに、PCのブラウザにも対応しようと、大幅に作り直したものです。 フリック動作を実現するjQueryプラグインは既にいくつかあります。機能としても実装としても、私が作ったものより優れているものもあると思いますが、まずは公開することに意義がある、ということで。 ちなみに、このス
HTML5要素のブラウザー実装状況を調べてみた (1/2)
次世代Web標準規格として注目されるHTML5。2011年5月25日にはW3CがHTML5の最終草案を発表し、標準化のプロセスはいよいよ大詰めを迎えている。 とはいえ、実際にWebサイト制作に使えるかどうかは、結局のところブラウザーの実装状況次第。そこで、HTML5の各要素（タグ）について、主要ブラウザー（Internet Explorer、Firefox、Google Chrome、Safari、Opera）の実装状況を調べてみた。 ターゲットブラウザーにあわせてコーディングすることを考慮して、主要なブラウザーで共通して使えるタグ、特定のブラウザーで使える・使えないタグに分類した。 この記事の見方 要素名の下にあるテキストは要素の意味を表す IEはInternet Explorer、ChromeはGoogle Chromeの略 本調査は2011年11月に実施。IE以外は調査時点での最新バ
RedLine Magazine : PHPを勉強する事についてデザイナが思う事。
PHPを勉強する事についてデザイナが思う事。 先日、こちらのエントリを拝見して･･･ デザイナーがwebサービスを10週間で作れるようになる方法。または私は如何にしてPHPを愛するようになったか。 - ウェブ狂の詩 なんかいいなぁ･･･って。PHPを今勉強している自分としては、こういうお話大好きです。 激しく同意→「デザイナーはphpを覚えると楽しいよ！」 自分はまだ何かwebサービスが作れるとか、そんな高度なレベルではない初心者ですけど、とりあえず今PHPの勉強するのがすごく楽しいです。 本業はデザインやコーディングがメインで、実務でPHPと言われれば他のプログラマさんが作ったシステムを設置・デザインをカスタマイズする程度。自分で1から何かを使って何か大きな事をするという機会にはまだ遭遇してないんですが（最近ちょこっとしたスクリプトは実務で自分で用意させてもらったりして、それはそれで感動
デザイナーがwebサービスを10週間で作れるようになる方法。または私は如何にしてPHPを愛するようになったか。 - ウェブ狂の詩 - @takejune
2010年02月04日 21:30 カテゴリ デザイナーがwebサービスを10週間で作れるようになる方法。または私は如何にしてPHPを愛するようになったか。 Posted by takejune No Trackbacks ■はじめに ▼このエントリーを読んで欲しい人・web系の企業に勤めている人・プログラミングに興味があるけど、勉強する方法がわからないor機会がない！というwebデザイナーの人・社内のデザイナーとのやりとりを円滑化したいプログラマの人▼このエントリーで言いたいこと・デザイナーはphpを覚えると楽しいよ！・プログラマはphp教えるといいことあるよ！ ■デザイナーはphpを覚えると楽しいよ！ ▼はじめてのphp昨日、はじめて一人で作ったwebサービス「warotter」をリリースしました。とんでもなく単純な造りながらも、プログラミングからデザインまで一人で行いました。動的な
2011年8月度ブラウザシェア率 ｜https://wp.yat-net.com/name
久しぶりにブラウザシェア率の記事を書きました。 ウェブルさん、そぷろぐさんで簡単にグラフを作れる「Google Chart Tools」の記事があり、触ってみようと思ったのがきっかけです。お二人とも良記事ありがとうございます。 各バージョン毎のブラウザシェア率 Source: StatCounter Global Stats – Browser Version Market Share ie8が猛威を振るっていますね。 ここ数ヶ月の動きを見ても落ちて入るものの、急激な落ち込みは無いようです。 一方定期的にアップデートを繰り返しているfirefoxはfirefox3.6のシェア率急激に下がり、現在のfirefox5.0がie8.0に次いでのシェア率になっています。 また、多数の制作者を苦しめてきたie6.0のシェア率は現在3.09%まで落ち込んできています。もはや虫の息と行っても良い数字な気
mixiページの問題点・検索にヒットしないmixiページ : 状況が抉る部屋
2011年09月06日13:10 mixiページの問題点・検索にヒットしないmixiページ カテゴリインターネットmixi ［注意］9/6現在、ここから下記に言及されたことの多くはすでに解決済みです。(詳しくは■追記4をご覧ください) mixiページにおける問題の記録の推移と、かつてどういうことがあったか、ということを確認できるよう、本記事を残しておきます。 --- 8月31日、mixiよりmixiページが発表されました。 mixiページnavi 僕もmixiページを作ってみました！ [mixi] 赤沼俊幸の最新情報 (URLのmodule_id=373351というのは必要なのでしょうか…？ なくてもアクセスできます)そもそもmixiにはmixiコミュニティがあります。 mixiはSNSということで"人"が単位になっているのですが、mixiコミュニティは人以外が単位となり、それぞれの興味関
クロスブラウザテストツールまとめ - Smashing Magazine | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. すべてのブラウザがWebの標準技術を適切に実装した場合、制作したWebページやWebサイトを複数のブラウザを使ってチェックする必要はなくなる。どれかひとつのブラウザで試験すれば、それ以外のブラウザでも同じように表示され、同じように動作するからだ。 たしかに、最新のブラウザとHTML5以降のWeb技術を使ったサイトではそうした傾向が強まっている。しかしながら、古いブラウザは依然として影響力のあるシェアを確保し続けているし、現実問題として、クロスブラウザテストを無視したサイト制作は現実的ではないという状況にある。この状況はまだ数年は続きそうだ。 そうした場合に利用できる有償および無償のクロスブラウザテストツ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ねぶた写真訴訟：「著作権を侵害」７００万円賠償命じる−−地裁 ／青森 （毎日新聞） - Yahoo!ニュース
LightBoxの使い方とカスタマイズ方法 | CSS Lecture
Loading......
Toptal's CSS3 Generator Tool allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
