Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress フォームから Google ドライブにファイルをアップロードする方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressのお問い合わせフォームからGoogleドライブにファイルを送信したいですか?

通常、フォームプラグインはWordPressサイトに直接ファイルをアップロードします。しかし、Googleドライブにも自動的にアップロードしておくと、安全で共有しやすくなります。

この投稿では、WordPressのフォームからGoogleドライブにファイルを簡単にアップロードする方法を紹介します。

Uploading files from a WordPress form to Google Drive

WordPress フォームから Google ドライブにファイルをアップロードする理由

通常、WordPressのフォームビルダープラグインを使用してファイルアップロードフィールドを追加し、アップロードされたファイルをサイトに保存することができます。

しかし、アップロードしたファイルをWordPressの管理エリアにアクセスできない人と共有したい場合はどうすればいいでしょうか?

そこでGoogleドライブの出番だ。Googleドライブでは、ファイルをクラウド上に保存し、誰とでも簡単に共有することができます。また、WordPressサイトにログインすることなく、どの端末からでも簡単にファイルにアクセスすることができます。

例えば、求人応募フォームを作成し、履歴書の提出を求めた場合、それらのファイルをGoogleドライブに直接自動アップロードし、チーム内で共有することができる。

もう一つのシナリオは、ユーザーが写真をアップロードしたり、記事を投稿して参加するコンテストを開催する場合です。

Googleドライブに直接送信することで、サイトのディスク容量を節約できます。同時に、これらのファイルはリモートのクラウドに安全に保管されます。

また、WordPressのセキュリティを確実にしたいのであれば、データの破損やハッカーの攻撃に備えて、ファイルのコピーを別の場所に保存しておくとよいでしょう。この場合、WordPressとGoogleドライブにフォームデータを保存しておくことになる。

ということで、WordPressのフォームアップロードをGoogleドライブに簡単に送信する方法を見てみましょう。

WPFormsでWordPressフォームを作成し準備する

このチュートリアルではWPFormsを使用します。WPFormsは有効化したインストール数が600万を超える、WordPressで最も人気のあるお問い合わせフォームプラグインです。ドラッグ&ドロップのシンプルなインターフェースで、どんな種類のフォームでも簡単に作成できます。

次に、Zapierというツールを使ってWPFormsとGoogleドライブを接続する。

Zapierは、2つの異なるアプリ間でデータを送信するためのブリッジとして機能します。2000以上のアプリとシームレスに接続できる。

注:WPForms用Zapierアドオンにアクセスするには、Proバージョン以上が必要です。

WPFormsでファイルアップロードフォームを作る

まず、あなたのサイトにWPFormsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

次に、サイト訪問者がファイルを送信するためのフォームが必要です。まだフォームを設置していない場合は、WordPressでファイルアップロードフォームを作成するためのステップバイステップガイドをご覧ください。

重要:このメソッドは個別ファイルに対してのみ機能します。1つのフォームから複数のファイルを送信した場合は動作しません。

フォームを設定したら、それをサイトに追加する必要があります。これを行うには、フォームを設置したい投稿やページを編集するだけです。

投稿編集画面で、「+」ボタンをクリックして新しいブロックを追加します。その後、WPFormsブロックを検索し、コンテンツエリアに追加します。

Adding a WPForms block to a post or page

次に、ページや投稿を公開してフォームを公開します。そうしたら、テストエントリーを作成します。これはWPFormsとGoogleドライブ間の接続を設定し、テストするために使用されます。

これがテストエントリーだ:

The completed upload form, including a photo (.jpg)

WPFormsとZapierを接続する準備

WPFormsとGoogleドライブの橋渡しとしてZapierを使用する。そのためには、WPForms Zapierアドオンをインストールして有効化する必要がある。

WordPressの管理画面で、WPForms ” Addonsのページに行き、Zapierアドオンを見つけます。先に進み、’アドオンのインストール’リンクをクリックしてインストールし、有効化する。

Installing the Zapier addon for WPForms

次に、WPForms ” Settings ” Integrationsページにアクセスする必要があります。

ZapierのロゴをクリックしてZapier APIキーを取得してください。ZapierとWPFormsを接続するために必要です。

Getting the Zapier API key from WPForms

APIキーを安全な場所にコピーするか、このタブを開いておく。APIキーは後のステップで必要になります。

サイトのフォームからGoogleドライブにファイルを送信するZapの作成

フォームの準備ができたら、Zapierのサイトにアクセスする。無料アカウントを作成するか、既存のアカウントにログインする必要があります。

Zapierダッシュボードで、’Make a Zap’ボタンをクリックして開始します。これで設定ウィザードが開きます。

注:Zapierは、トリガーとアクションを持つプロセスを「zap」という言葉で表現します。トリガーは訪問者がフォームに入力することで、アクションはフォームに添付されたファイルをGoogleドライブに送信することです。

画面上部で、ザップの名前を選択する必要があります。それができたら、次はトリガーを設定します。

まず、’Choose App & Event’ボックスでWPFormsを選択する必要があります。検索バーに’WPForms’と入力すれば見つかります。

Choosing the WPForms app in Zapier

トリガーイベントを選択するプロンプトが表示されます。

初期設定は「新規フォーム入力」になっていますので、ここで必要なことはすべて「続行」ボタンをクリックするだけです。

Choosing a trigger event in Zapier

ここで、ZapierはWPFormsにサインインするよう求めてきます。

WPFormsにサインイン」ボタンをクリックしてください。

Click the button to sign into WPForms

ポップアップ・ウィンドウが表示されます。ここで、先ほど見つけたAPIキーを入力する必要がある。

また、サイトのURL(ドメイン名)を追加する必要があります。

Enter your API key from WPForms and the URL of your website

詳細を入力したら、「はい、続行」ボタンをクリックして次に進む。

次に、Zapierはドロップダウンリストの中からファイルアップロードフォームを選択するように尋ねます。先に進み、フォームの名前をクリックします。

Select your file upload form from the dropdown in Zapier

正しいフォームを選択したら、「Test trigger」ボタンをクリックします。

これにより、Zapierがフォームに正しく接続されていることが確認できます。

Testing your trigger in Zapier

ボタンをクリックすると、Zapierがテストエントリーを見つけたというメッセージが表示されるはずだ。

画面にデータが表示されます。

Viewing the data for the test WPForms entry

Continue」ボタンをクリックして、ZapのActionパートに進みます。

ここで、2つ目のアプリ、Googleドライブを選択する必要があります。

Choosing the Google Drive app as the action for the zap

次に、アクションイベントを選択するドロップダウンが表示されます。

ここで、「ファイルのアップロード」オプションを選択し、クリックして続行する必要があります。

Choosing 'Upload File' as the action for the zap

ZapierはGoogleドライブアカウントにサインインするよう促します。

Googleアカウントのログイン情報を入力するだけです。

Signing into Google Drive when prompted by Zapier

そうしたら、「Continue」ボタンをクリックして次に進みます。

そこから、Googleドライブのどこにファイルを保存するかを設定できる。

Zapier and Google Drive are now connected

ドライブのドロップダウンをクリックして、個人用ドライブか共有ドライブのどちらを使用するかを選択します。

次に、フォルダーのドロップダウンをクリックして、使用するフォルダーを選択します。

Select the Google Drive you want to use plus the folder to put the uploaded files in

次に、アップロードするファイルをZapierに指示する必要がある。

ファイル] ドロップダウンで、フォームのアップロードフィールドを選択します。

Choose the correct field (the file upload field) from your form based on the test data

その後、他の設定は空白のまま、continueボタンをクリックして次に進むことができる。

Zapierは、Googleドライブにアップロードファイルを送信してZapをテストするよう促します。Test and Continue」ボタンをクリックしてください。

Sending the test file to Google Drive using Zapier

テストフォームの入力でアップロードしたファイルをGoogleドライブに送信します。

Google ドライブのフォルダーにファイルがないか確認してください。

Viewing the uploaded file in Google Drive

ザップが機能するかダブルチェックしてください。うまくいかない場合は「アクションの再テスト」をクリックしてください。

ザップが意図したとおりに機能していることを確認したら、「Turn on Zap」ボタンをクリックするだけで、ザップが有効になります。

Turn on your zap once you're ready

これで、ファイルアップロードフォームから送信されたファイルはすべて、選択したGoogleドライブフォルダーに自動的にアップロードされます。

WPFormsは、Zapier APIに何らかの障害が発生した場合に備えて、WordPressホスティングサービスアカウント上のすべてのファイルのバックアップを常に保持します。

大容量のファイルを含むフォーム送信が多い場合、Googleドライブのストレージ容量が増えることにご注意ください。私たちのビジネスでは、無制限のストレージ容量を確保するためにG Suite Businessプランを使用しています。

注: このチュートリアルでは、アップロードフォームファイルをGoogleドライブに保存する方法のみを紹介します。相手の名前、メール、メッセージなどのお問い合わせフォームの入力内容を保存したい場合は、WordPress のフォームを Google Sheets に接続する方法のチュートリアルをお読みください。

WordPressのフォームからGoogleドライブにファイルをアップロードする方法について、この投稿がお役に立てれば幸いです。ユーザー生成コンテンツを使用してビジネスを成長させる方法についての投稿や、すべてのサイトに必須のWordPressプラグインのコレクションもお勧めです。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

5件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    Great tutorial. Is there any advantage in using google drive for uploading instead of storing data on FTP? Do I mean, for example, antivirus protection from Google?

    • WPBeginner Support says

      While Google’s scanning can help somewhat, this would be more to help prevent reaching any storage limits on a hosting provider should there be many submissions.

      管理者

    • WPBeginner Support says

      You would want to ensure you selected the image to be uploaded in Zapier for the most likely reason that a text file is being added.

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。