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

04.06.2020
نکات و ترفندهای سرعت وردپرس 'WordPressにGoogleフォームを埋め込む方法
0 22 мин.

プラグインの代わりにWordPressサイトにGoogleフォームを埋め込む方法を考えたことはありますか?ええと、WordPressサイトにGoogleフォームを追加するのは非常に簡単なプロセスであり、通常のフォームプラグインよりも多くの機能を備えています.


製品やサービスをオンラインで販売している場合は、顧客からフィードバック/提案を受けて、製品の品質を改善し、機能を追加する必要があります。このためには、調査フォームまたはフィードバックフォームが必要です。それ以上に、サインアップフォームやその他の招待フォームが必要な場合は、そのためのWordPressプラグインが必要です。.

しかし、WordPressフォームプラグインをインストールする前に、 Googleフォーム. Googleフォームは、他のWordPressフォームプラグインよりもはるかに優れています。 Googleフォームは使いやすく、制限なくあらゆるタイプのフォームを作成できます.

Googleフォームを使用する理由?

Googleフォームを埋め込む

Googleフォームは、Googleが提供する無料のWebベースのソフトウェアです。 Googleフォームを使用すると、オンラインアンケート、クイズ、登録フォームを簡単に作成し、WordPressサイトに埋め込むことができます。これを複数のサイトで共有することもできます.

Googleフォームは作成が簡単で、WordPressフォームプラグインよりも多くのカスタマイズオプションがあります。 Googleフォームの優れた機能のいくつかは次のとおりです。

  • オンライン調査、登録フォーム、クイズ、オンライン投票などを作成できます.
  • カスタムテキスト、段落、複数選択オプション、およびチェックボックスを作成できます.
  • 彼らのドラッグを使用して & ドロップ機能、簡単に質問を設定できます.
  • 多くの形式のテンプレートが利用可能.
  • ニュースレター購読者向けのメールを収集できます.
  • あなたはより強力な機能のためにそれらのアドオンを使用することができます.
  • そして、はるかに.

このチュートリアルでは、WordPressサイトにGoogleフォームを埋め込む方法を示します。 Googleフォームをウェブサイトに追加する方法は2つあります。

  • Googleフォームを直接作成してWordPressサイトに埋め込むことができ、そのためのプラグインは必要ありません.
  • プラグインを使用してGoogleフォームをウェブサイトに追加できます.

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

GoogleフォームをWordPressに統合するのはとても簡単です。既にGmailアカウントをお持ちの場合は、ログインして次のURLにアクセスするだけです。 Googleフォーム. Googleフォームはシンプルなフォームオプションに役立ちますが、条件付きロジック、支払い統合などを備えた、より複雑なフォームを作成する場合は、こちらをチェックしてください。 Googleフォームの代替.

Googleフォームテンプレート

Googleフォームページを開いたら、そこからフォームテンプレートを選択する必要があります。フォームにはいくつかの種類があります。お問い合わせフォーム、パーティの招待状、イベントの登録、クイズなど。これらは主に使用される一般的なフォームです。その他のGoogleフォームテンプレートを表示するには、その画像に表示されているドロップダウン矢印ボタンをクリックします.

次に、フォームに使用するテンプレートをクリックします。 Googleフォームを作成するには、まずフォームのタイトルと説明を入力してから、フォームフィールドの追加を開始します。デフォルトでは、名前、メール、電話番号の質問フィールドのみが表示されます。新しい質問を追加するには、プラスボタンをクリックします。利用可能なフォームオプションはたくさんあります。Googleフォームに画像や動画を追加したり、選択に基づいてフォームを分割したりすることもできます.

Googleフォーム編集フォーム

このフォームには、ドラッグアンドドロップ機能が組み込まれています。質問を上下に移動する場合は、質問をドラッグして、フォームの任意の場所にドロップします。質問を編集したい場合は、左クリックして編集してください.

Googleフォームの背景の変更

すべてのGoogleフォームには、デフォルトのテーマと背景色が付属しています。 Googleフォームの背景を変更する場合は、 カラーパレット テーマを選びます。使用できるテーマがたくさんあるか、自分の写真を使用できます. 

Googleフォームの設定の変更

フォームの編集が終了したら、 送る 埋め込みコードを取得するボタン.

をクリックした後 送る ボタンをクリックすると、ポップアップボックスが表示されます。そこから、埋め込みオプションをクリックする必要があり、フォームのサイズを編集できます。デフォルトでは、フォームサイズは760 PX / 500 PXであり、必要に応じてフォームサイズを変更できます。リンクをクリックして、埋め込みコードをコピーします.

Googleフォームの埋め込みコード

次に、WordPress管理ダッシュボードにログインする必要があります。 Googleフォームは、ウェブサイトの任意の場所、つまりページ、投稿、ヘッダー、フッターに追加できます。 WordPressページにGoogleフォームを埋め込むには、 ページ> 新しく追加する そしてに切り替える テキスト 編集者。次に、そこにコードを貼り付けます.

WordPressにGoogle埋め込みフォームを追加する

次にクリックします 公開する 変更を保存し、クリックしてフォームをプレビューできます 変更のプレビュー WordPressでGoogleの埋め込みフォームを表示する.

Googleフォームプレビュー

これで、WordPressサイトにGoogleフォームが正常に埋め込まれました。.

ただし、WordPressサイトにコードを埋め込むだけの問題で、Googleフォームにはデフォルトのスタイルテーマが付属しており、WordPressテーマには適していません。その上、あなたが望むようにフォームをカスタマイズすることはできません.

だからここに来る GoogleフォームWordPressプラグイン. そのプラグインを使用すると、このフォームをカスタマイズでき、Googleフォームを次のレベルに引き上げることができます.

それでは、プラグインを使用してGoogleフォームをWordPressサイトに追加する方法を見てみましょう.

プラグインを使用してGoogleフォームをWordPressに統合する方法

GoogleフォームWordPressプラグイン

Googleフォーム WordPressのカスタム投稿またはショートコードを使用して、公開されたGoogleフォームを取得する非常にシンプルなWordPressプラグインです。このプラグインは、最初にGoogleラッパーHTMLを削除してから、ページまたは投稿でHTMLフォームとしてレンダリングします。このプラグインは、フォームに必要なオプションをさらに追加します。次に例を示します。

  • Google Captchaをフォームに追加して、スパムフォームの送信を防ぐことができます
  • フォームを列に分割できます
  • フォームが送信されると、ユーザーにメールが送信されます
  • カスタム確認ページのURLを追加できます
  • フォームにカスタムCSSを使用できます
  • などなど…

このプラグインを使用するには、まずダウンロードしてください Googleフォーム WordPressプラグインをインストールします。有効にすると、WordPress管理ダッシュボードにGoogleフォームオプションが表示されます.

Googleフォームをインストールする

次に、[新しいGoogleフォームを追加]をクリックして、WordPressサイトに既成のGoogleフォームを埋め込みます。すでにフォームを作成している場合は、Googleフォームをクリックして、作成したフォームを表示します.

Google古いフォーム

そこから、 フォームを送信 新しいフォームのGoogleフォームでも同じようにボタンをクリックします。クリックすると、共有可能なリンクが表示されますが、埋め込みをクリックしないでください.

Google Old Form Send

次に、URLをコピーして、中断したWordPress管理ダッシュボードに戻ります。に行く Googleフォーム> 新しいGoogleフォームを追加.

WordPress Googleフォーム設定

フォームのURLフィールドに、古いGoogleフォームを使用して作成したGoogleフォームのリンクを入力します。次にクリックします 公開する 設定を保存するには.

次に、オプションを追加できます URLを確認 同様に。確認ページでもお礼ページでも構いません。 [URLの確認]フィールドにページのURLを追加すると、ユーザーはサイトのこのGoogleフォームに正しく入力した後にそのページにリダイレクトされます.

カスタム確認ページのスタイル属性では、確認ページの表示方法を定義できます。次のように設定できます 無し, リダイレクト または AJAX. noneに設定すると、どのページにもリダイレクトされず、Redirectに設定すると、フォームの送信後にリダイレクトURLページにリダイレクトされます.

WordPressサイトでのGoogleフォームの公開

これで、WordPressサイトにGoogleフォームを埋め込んだので、今度はそれを公開します。 Googleフォームの良い点は、GoogleフォームのURLをコピーする必要がないことです。ショートコードを使用して、GoogleフォームをWordPressサイトに直接追加できます。 Googleフォームを作成してWordPressサイトに埋め込んだら、WordPressダッシュボードからGoogleフォームに移動します。そこには、作成したフォームの数が表示されます。たとえば、パーティー招待フォームを作成し、自分のサイトに追加します.

Googleフォームショートコード

WordPressサイトにGoogleフォームを追加するには、このショートコードをコピーして、ページまたは投稿の任意の場所に貼り付けます.

Googleフォームコード

これでページを表示して、フォームがどのように見えるかを確認できます。 Googleフォームに質問を追加するのを忘れた場合、または変更する必要がある場合は、元のGoogleフォームを編集して行うことができます。フォームの外観を見てみましょう.

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

Googleフォームの回答を表示および管理する方法

WordPressサイトにGoogleフォームを正常に追加した後、フォームの応答を表示する方法について疑問に思うかもしれません。まあ、それはとても簡単です。まず、WordPressサイトで現在使用しているGoogleフォームに移動し、フォームをクリックする必要があります.

古いGoogleフォームを使用している場合は、トップメニューバーからフォームの回答を確認できます.

古いGoogleフォームの回答

フォームに移動した後、 反応> 回答を表示 フォームに誰が応答したかを確認します。フォームの回答はGoogleスプレッドシートに表示されます。そこから、ユーザーがフォームに応答した内容を確認できます。以下は、私が使用した「パーティー招待フォーム」の応答の例です。回答用紙をダウンロードしたい場合は、 ファイル> としてダウンロード...

Googleフォーム回答シート

フォームの応答先を変更したい場合は、次のようにして簡単に変更できます 反応> 応答先の変更 新しいスプレッドシートを作成します。これは、毎月調査などを行う場合に非常に便利な機能です。毎月新しいスプレッドシートを作成して、回答を個別のスプレッドシートで受け取ることができます。.

に行くことによって応答の要約を表示することもできます 反応> 回答の概要. このオプションは、フォームの統計を表示します.

フォームの応答を受け入れたくない場合は、フォームをオフにすると、ユーザーから見えなくなります。.

結論

私の個人的な経験から、Googleフォームは他のWordPressフォームプラグインよりもはるかに優れていると言えます。ほとんどのWordPressフォームプラグインには機能が制限されており、機能を拡張するにはアドオンパックを購入する必要がありますが、Googleフォームでこれらのオプションを無料で使用できます。さらに、Googleフォームは連絡フォームとしてだけでなく、オンライン調査フォーム、招待フォーム、クイズフォームなどにも使用されます.

WordPressにGoogleフォームを埋め込むのに数分しかかかりません。制限なく使用できます.

このチュートリアルが、GoogleフォームをWordPressサイトに埋め込むのに役立つことを願っています。 WordPressサイトへのGoogleフォームの追加で問題が発生した場合は、下にコメントを残してください.

関連記事,

  • WordPress向けの7つの最高のGoogle Analyticsプラグイン
  • WordPressでCookie通知バーを設定する方法
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector