お問い合わせフォームを作りたいけど、簡易的な機能でいいので簡単に実装したいという方も多いはず。 Googleフォームを埋め込むことも可能ですが、デザインがあからさまにGoogleフォームだと分かるのがネックです。 そこで本記事では、Googleフォームを活用しつつ、デザインもお好みでカスタマイズできる方法を解説します。 複雑なフォームは難しいのですが、HTMLとCSSが分かればプラグインも不要で簡単にフォームを実装できますよ！

プラグインを有効化するとこんな感じになります。パープルのヘッダーにグレーの背景でこちらもシンプルな見た目になります。AMPは制約が多いので凝った作りにすることが難しいためです。テーマに組み込んでいた関連記事のショートコードもむき出しになってしまいました。 AMPをプラグインを使わず自分で対応したい 上記のプラグインは完全なAMP対応とは言えずまだまだβ版です。今から数年前にスマホサイト対応でWPtouch Mobile Pluginが流行ったのと同じように、プラグインを使っている人と全く同じデザインになってしまうので「とりあえず対応しました感」があって何か嫌なんですよね。 というわけで今回はWordPressでプラグインを使用せずAMPに対応させた手順をご紹介します。このページもAMPに対応しているので、URL末尾に「?amp=1」を付けてレイアウトの違いを見て下さい。 https://c

ちょっと前までGoogleマップをレスポンシブにするために、以下の方法を使わせていただいていました。 @media (max-width: 767px) { iframe { width: 100% !important; } } とても便利な方法なのですが、これだと横幅はちゃんとレスポンシブになるのですが、高さはPC版に埋め込んだソースをそのまま引き継ぐので、ちょっと間延びした印象になってしまいます。 何かいい表示方法はないかなあと探していた時、lifehackerさんの記事で以下のコードが紹介されていました。以下のコードの「75%」の部分を変更することで、地図の縦横比を変えることができます。 .google-maps { position: relative; padding-bottom: 75%; /*これが縦横比*/ height: 0; overflow: hidden; }

同期辞書の廃止が決定！＼(^o^)／ｵﾜﾀ Google 日本語入力開発版の同期機能廃止について - Google Japan Developer Relations Blog これによると2013年12月9日をもって終了らしいです。 廃止理由も書かずにサラッと終了とか…、Google Readerのトラウマに続いてまたかって感じですね。もうGoogleのプロダクトやサービスは安心して使えないとみんな学習しだしてると思う。 多分今後Googleが何か新サービス出してもみんな警戒してすぐには使わない→ユーザ伸びない→廃止っていう駄目スパイラルになってくんじゃないかしら。 以下、元々の本文。 序文（読み飛ばして良い） 僕は自宅やノートPCや会社や実家などいろんな環境でPCを使っています。最近はIMEならGoogle日本語入力、ブラウザはChrome、後は適当なターミナルソフト、この３大アプリが

当ブログ「MILL KEY WEB」では、Twitter,Facebookページ,Google+ページにも記事を投稿しています。それには、２つ理由があります。 検索エンジン以外のSNS経由のアクセスを期待している SNSで流れてきた情報を収集している人もいるため ブログを多くの方に知ってもらい交流できたらと、SNSを活用しています。しかし、Twitter,Facebookページ,Google+ページに手作業で投稿していたら毎回同じ作業に時間を費やしてしまい効率が悪いので当ブログは、SNSと連携して自動投稿する方法をとっています。 当ブログはWordpressを使っていますが、プラグインを使わないで自動投稿する方法をとっています。Wordpressにあまりプラグインを追加したくない方、他のブログサービスを使っている方も参考にしてみてください。 自動投稿に使う必須サービス あらゆる自動投稿の方

[レベル：全員] 昨日に引き続き、PubCon Las Vegas 2011のレポートです。 今日は、Matt Cutts(マット・カッツ)氏のプレゼンテーションに続けて行われた、Matt Cutt氏とAmit Singhal(アミット・シンガル)氏のQ&Aセッションになります。 Amit Singhal氏は、米GoogleのサーチクオリティチームのトップでMatt Cutt氏の上司でもあります。 SSL検索でキーワードの取得ができなくなったが、どうしてGoogleアナリティクスでもっとデータを提供しないのか？ Googleウェブマスターツールで上位1,000件までのキーワードデータを取得できる。96%のサイトはすべてのデータを取得できる。残りの4%のサイトがすべてのデータを取得できるようにすると、3～5倍のデータストレージが必要になってしまう。ダウンロードかAPIで取得できるようにしたい

Googleアルゴリズムの200の要素を発見しましょう！（Let’s Try to Find All 200 Parameters in Google Algorithm） は2009年に書かれた記事ですが、パンダアップデートが適用された今現在（2011年4月）でも重要項目が多く書かれているもので。 多くはGoogleの特許（合衆国特許出願0050071741）に基づいていますが、筆者のアンが自身の解析結果や予測を盛り込んでいる事で、より実践に近い内容になっています。 SEO初心者の方は、これからのウェブ制作の軸に、SEOエキスパートの方はもう一度自身のサイトを見直す目次として確認してみてはいかがでしょうか。 ドメインに関する13要因 ドメイン年齢 ドメイン取得からの長さ ドメイン登録情報（Who is情報）の表示/非表示 ドメイン種類（サイトレベルドメイン（.com や co.uk） ト

今日はいつもと少し視点を変えて、自分のコンテンツをパクったサイトがあった場合に、そのサイトが検索エンジンで表示されないようにする手順を紹介します。しかも、グーグル公式の方法で、DMCA（デジタルミレニアム著作権法）に基づく正式な方法です。 サイトのコンテンツがパクられた！世の中には、他人の著作物を盗用することに一切の罪の意識をもたない人も多数います。そのため、あなたのサイトのコンテンツを（自動的にまたは手動で）コピーして別のサイトを作り人がいないとは限りません。特に、あなたのサイトが人気を集めていて、RSSフィードを提供していればなおさらです。 そして、場合によってはあなたのサイトのコンテンツを盗用した悪質なサイトが、検索エンジンであなたのサイトよりも上位に表示されてしまう場合もあるでしょう。 最近のグーグルは重複コンテンツの扱いがうまくなっており、同じコンテンツが複数の場所で掲載されてい

Googleの短縮URL「Goo.gl」で短縮されたURLの末尾に「+」を付けると、解析ページへ飛びます。「bit.lyの短縮URLの文末に『＋（プラス）』をつけると解析結果ページにアクセスできる」で紹介したように、bit.lyと同様の方法なので覚えやすいですね。 以下に使ってみた様子を載せておきます。 たとえば「http://goo.gl/cvUU」の解析結果を知りたい場合は、「http://goo.gl/cvUU+」 にアクセスすればいいわけです。自分が作成したURLでなくても、解析結果は見られるので楽しいですね。 解析結果はこのようになります。 元のURLと短縮されたURL、いつ作成された（短縮された）かが分かります。また、QRコードも表示されます。QRコードは、短縮されたURLの末尾に「.qr」を付ければOKです。 期間を指定して解析結果をみることも可能です。いつ、どれだけクリック

アクセス解析ツールを導入して数カ月。いまいち使いこなせていないあなたへ。私が初めてサイトを分析する時に行う12のSTEPを紹介いたします。GoogleAnalyticsで全て対応出来るレポートです。ここで紹介するのはアクセス解析業界（？）における標準でもなんでもなく、私なりの分析手法ですので、他にも様々な方法やバリエーションがあります。 ※アクセス解析用語の基本的な知識と、GoogleAnalyticsを使ったことがある（出来ればアドバンスドセグメントを使ったことがある）人向けの方法になります。 2つの事前準備 分析に入る前に、以下の二つの事前準備を行いましょう。 A.サイト全体をじっくり見る サイトマップや主要の導線をたどってみたり、実際にコンバージョンしてみたり。自分なりにサイトの良いところと悪いところを見つけて箇条書きにしておきましょう。また、それが数字にどう反映されるか？を想像して

Google+にて、Google検索で「how far is it from A to B」で検索するとAとBの都市間の直線距離を表示できるようになったとの投稿がありました。 実際にやってみたところ、こんな風に表示されました。 こちらは「NYと東京の距離」。 これまでも下図のように移動距離は表示していましたが、（私が調べた限りでは）交通手段があって、アクセス可能な場合に限られていたようです。 いずれにしても、この直線距離の表示はまだ日本語環境では導入されておらず、英語環境でも「How far is it from London to New Delhi（ロンドンとニューデリーの距離）」では表示できなかったので、一先ずは限定的な提供のようですね。 ※こちらの記事は最初別のタイトルで公開されましたが、私の勘違いが含まれていたので、書き直して再投稿いたしました。 最初の記事を読まれた方にはご迷惑

前回のページ「」で紹介したスクリプトを一部変更してみた。   変更の主...

Twitterでもなかなか反応いいですね。新機能をまとめてみました。 ・インテリジェンスメニューの登場 （突出した動きをピックアップ） ・Javascript実行可能いかんにかかわらず携帯対応。 ・1プロファイルのコンバージョンが、4から20にアップ。 ・マルチ カスタム変数＞＞_setVar() の拡張 （「ユーザー、セッション、ページの各レベルで定義」可能だとか） ・コンバージョンに、サイト滞在時間と訪問中PVを設定可能に。 ・セカンダリーディメンション（ディメンションを２つ同時に表示できる） ・カスタムレポートの指標に、ユニークユーザーが追加 ・カスタムアラート （指標やディメンションをトリガーにしてアラートメールを送信可能） ・ピボットテーブル、アドバンスフィルタ（すでにレポート済み） ・カスタムレポートとアドバンス セグメントの共有（レポート済み） 個人的にインパクトのある順に並

もちろん用途は検索連動型広告やオーガニック検索の最適化のためのキーワード調査なのですが、キーワード最適化ツールには次の3つの使い方があります。 一般的なキーワード調査キーワードを指定して、サイトは指定しない。 サイトに合ったキーワードを探すキーワードは指定せず、サイトを指定すると、サイトに合ったキーワードを自動的に抽出してくれます。キーワードも併せて指定すると、その単語を含むキーワードを表示してくれます。 特定のページに合ったキーワードを探すキーワードは指定せず、サイトを指定して、さらに、調べたいページのURLの一部を「フィルタ設定」の「URLに含まれる文字列」に入力。 ※いずれも、キーワードは［単語またはフレーズ］に指定し、サイトは［ウェブサイト］に指定します。キーワードを複数指定する場合はカンマ区切りで指定します（半角カンマで区切る）。 キーワード最適化ツールはだれでも使えるのですが、