【Googleフォーム】動的な初期値を設定したい。
2022/9/6
2022/9/6
サイト上にGoogleフォームリンクを設置する時に、ページに合わせて動的にフォームの初期値を変更したいなと思って設定してみました。
その設定した時のメモです。
Googleフォームから初期値設定ページを開く
Googleフォームを作成して、右上の三点リーダー(…)をクリックします。
その出てくる項目の中から「事前入力したURLを取得」をクリックします。

初期値を設定したい項目に値を入力する
「事前入力したURLを取得」を押して開いたフォームの、動的な初期値を入れたい項目に値を入力します。(値はなんでもOK)
入力したら「リンクを取得」をクリックします。

「リンクを取得」をクリックして出てきたURLをコピーします。

// コピーされたURL
https://docs.google.com/forms/d/e/[formのID]/viewform?usp=pp_url&entry.247309575=userId&entry.1732707192=userName
取得URLの中で「動的に初期値を変えたい部分」を変更する
取得したURLの中で、entry.[項目id]=[設定した値]
の部分がそれぞれ初期値の内容になります。
この[設定した値]の部分が初期値を表しているので、これを変更すると初期値が変更します。(画像の「userID」と「userName」部分)

最近の記事

音楽生成AI「Suno」の使い方まとめ!作詞作曲が簡単にできる?
簡単に曲が作れるAIということでよく聞く「Suno(Chirp)」についてまとめました。
目次「Suno」とはテキストからさまざまな音声を生成する「Bark」歌詞から曲を生成する「Chirp」...
2023/11/24
2023/11/24

【Open AI】APIの料金まとめ|GPT・DALL·E・Whisperなど
Open AIのAPI(一部)の料金をまとめました。
参考のために日本円は「1ドル150円」で換算をしています。
目次Text generation: テキスト生成Assistants ...
2023/11/22
2023/11/22

【Next.js】Assistants APIの基本的なコードまとめ。
Open AIの「Assistants API」をNext.jsで使用する時の基本的なコードをまとめました。
目次Open AIのAPIセットアップ基本の使い方Threads: スレッドを作る...
2023/11/21
2023/11/21

【Next.js】Open AIのAPIでファイルをアップロードする方法。
今回は、Next.jsサイトからOpen AIのAPI(Upload file)で、ファイルをアップロードする方法を実装するのに時間がかかったのでその過程と最終コードをまとめます。(Vercelにデ...
2023/11/21
2023/11/22

「生成系AIのWEBプロダクトTOP50」をまとめてみる。
Andreessen Horowitzが出している記事で紹介されている「AIプロダクトの月間訪問者数ランキングTOP50」のサービスをまとめました。
目次ChatGPTcharacter.ai...
2023/10/3
2023/10/3

【Next.js 13】NextAuth+FireStoreにユーザー情報を保存する。
今回は、以下の3つをNext.js 13で実装するためのメモです。
Googleアカウントでログインできる
アカウント、セッション情報をFirestoreに保存する
サーバーサイ...
2023/7/12
2023/7/12