WordPressにGoogleフォームを埋め込む方法

  • WordPress
  • 最終更新日:Nov 08、2017

ワードプレスについて愛することがたくさんある。 使いやすく、自由で、柔軟性があり、いつでも初心者に役立つ大きなコミュニティに支えられています。

WordPressの長年のユーザーとして、私は自分のプロジェクトをスーパーチャージしたプラグインを探して楽しんだ。 これらの優れたソフトウェアは、広範なコーディングを習得することなく、プロフェッショナルで見て、機能し、使いやすいWebサイトを構築することを可能にしました。

使いやすさに関して言えば、WordPressのアーセナルに必要な最も重要なツールの1つはフォームビルダーです。 一般的なお問い合わせ、サポートリクエスト、またはフィードバックの形で、お客様のブランドとインタラクションすることができます。 フォームは、オーディエンスを深く理解するのに役立つアンケートにも使用できます。

公式のWordPressリポジトリにはすでにたくさんの フォームビルドプラグインブロガーやマーケティング担当者の中には、Google以外の誰もが設計したウェブマスター向けのクラウドベースのプラットフォームであるG Suiteを好んでいる人もいます。

この記事では、さまざまな使用方法を紹介します Googleフォーム あなたのWordPressサイトで。

Googleフォームで作成する

まず、有効なGoogleアカウントを使用してGoogleフォームにログインします。

[新しいフォームを開始する]で、最初から開始するか、既存のテンプレートを使用するかを選択します。

もちろん、テンプレートを使用することは、時間を大幅に節約できます。特に、フォームで何を達成しようとしているのかが分かっている場合は特にそうです。 しかし、Googleフォームの機能を実証するために、空のテンプレートから始めましょう。

デフォルトでは、プライマリフォームエディターには「複数選択」質問タイプが含まれています。 これは、調査フォームの作成に役立ちます。 他の何かを使用する場合は、[複数選択]ドロップダウンメニューをクリックしてオプションを表示します。
現在、Googleフォームはさまざまな情報を収集するために、次の質問タイプをサポートしています。
情報を編集するには、空のフィールドをクリックして離します。 すべてが雲の中に保存されるので、保存について心配する必要はありません。
1つのフォームで好きなだけ質問を使用できます。 これを行うには、フローティングサイドバーの[質問を追加]ボタンをクリックします。

サイドバーを使用して、イメージ、ビデオ、または別のセクションなどの他のフォーム要素を追加することもできます。

経験則として、ターゲットユーザーから必要な情報のみを要求してください。 あまりにも多くの質問をしたり、あまりにも侵襲的になったりすると、ユーザーは提出を控えてしまう可能性があります。

Googleフォームの機能の詳細については、G Suiteラーニングセンターを参照してください。 このリンク.

GoogleフォームをWordPressに送信する

今度はGoogleフォームの使い方を知ったので、WordPressサイトに埋め込む方法を学びましょう。 最も簡単な方法は、任意のポストまたはページに埋め込みコードを直接貼り付けることです。

フォームの埋め込みコードを取得するには、エディターの右上隅にある[送信]ボタンをクリックします。
二重矢印記号(<>)をクリックすると、埋め込みコードが表示されます。
コピーしたら、WordPressダッシュボードにアクセスして、フォームを表示するページまたは投稿を開きます。 テキストエディタに切り替えて、コンテンツのHTMLコードを表示します。

ビジュアルエディターを使用して埋め込みコードを貼り付けた場合、コードはそのまま表示されます。 テキストエディターを使用すると、特定の行をコードとして実行する必要があることがWordPressに通知されます。 完了したら、[プレビュー]ボタンをクリックして、コードが機能するかどうかを確認します。
また、ビジュアルエディタに戻り、フォームが正しく表示されるかどうかを確認するだけで済みます。

フォームの外観は、現在のWordPressテーマ、埋め込みコードの生成時に設定したディメンション、Googleフォームのカラーパレットの設定の3つに依存します。

あなたのWordPressのテーマはあなたの投稿のコンテンツ領域の幅を決定することに注意してください。 これは、コードまたは別のテーマをインストールすることで調整できます。 サイドバーウィジェットを無効にすると、一部のテーマでコンテンツ領域も全幅に調整されます。

一方、カラーパレットは、Googleフォームエディタの[カラーパレット]ボタンをクリックして変更できます。 必要に応じて、単色を背景として使用するのではなく、画像をアップロードすることもできます。

wpGFormの使用

埋め込みコードによるGoogleフォームの追加は、プラグインを使用する理由がないほど簡単です。

あなたの唯一の目標がWordPressサイトにGoogleフォームを埋め込むことだけであれば、答えは「はい」です。 しかしながら、 wpGForm フォームの統合だけではありません。 また、フォームのタイトルを非表示にしたり、送信ボタンを変更したり、キャプチャを使用したりすることもできます。

しかし、何よりもまず、wpGFormは古いバージョンのGoogleフォームでのみ動作することを覚えておいてください。

これにアクセスするには、[ヘルプとフィードバック]ボタンをクリックして、[古いフォームに戻る]を選択します。
wpGFormをインストールした後、WordPressダッシュボードに移動し、[Googleフォーム]> [新しいGoogleフォームを追加]をクリックします。
次に、フォームへのリンクを[フォームURL]フィールドに貼り付けます。 これを取得するには、Googleフォームエディターに移動し、[ファイル]> [フォームを送信]をクリックします。
リンクを貼り付けた後、青い[公開]ボタンをクリックします。 それでおしまい! 有効なURLが挿入されている場合、フォームはショートコード経由で使用する準備ができています。 これには、[Googleフォーム]> [Googleフォーム]にアクセスしてアクセスできます。

wpGFormはかなりの学習曲線を持つプラグインであることは注目に値する。 既定の設定を使用すると、埋め込みコードを使用するのではなく、基本的なレンダリング要素がフォームで使用されます。

しかし、適切な方法でGoogleフォームとwpGFormは、データ収集の努力を次のレベルに引き上げる強力な組み合わせです。 CSSルールの定義、入力の検証の設定、非表示フィールドの有効化、Googleフォームボタンのデフォルトテキストの上書きを行うことができます。

wpGFormでできることの詳細については、作成者のヒントとトリックのセクションを参照してください 公式ウェブサイト.

フォームはWordPressのユーザーエクスペリエンスに不可欠なコンポーネントであることに同意しますか? もしそうなら、チェックアウトする この記事 より便利なカスタムフォームプラグインを使用できます。

クリストファー・ヤン・ベニテスについて

Christopher Jan Benitezは、中小企業にオーディエンスを巻き込み、コンバージョン率を高めるコンテンツを提供するプロのフリーランスライターです。 あなたがデジタルマーケティングに関連することについての高品質の記事を探しているならば、それから彼はあなたの男です!Facebook、Google +、そしてTwitterで彼に「こんにちは」と言ってください。

接続します。