Googleドライブ

Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

Categories | ホームページ

Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

回答(ライブ回答)をグラフ化し、ホームページ(HTML)に貼り付ける

 

Googleドライブのフォームでは、アンケートを作成しホームページ(HTML)に埋め込むことは

出来ますが、集計された回答(ライブ回答)をHTMLに貼り付けることはできません。

そこで、Googleスプレッドシートを利用してグラフを作成し、タグ化(iframe)したものを

ホームページ(html)に貼り付ける方法を説明します。

 

Googleスプレッドシートってなんぞやぁ? 

Googleドライブ内にあるツールで、表計算エクセルみたいなものです。

小難しいものではありません。

 

 

まず作成したアンケートフォーム編集画面を開きます。

最上部「質問・回答」のボタンの「回答」をクリック。

1114 01 400x306 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

円グラフが表示されますが、右上の「スプレッドシートアイコン」をクリック。

1114 02 400x274 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

作成」をクリック

1114 03 400x217 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編コレだけで、アンケートフォームと紐付けされたスプレッドシートが作成されました。

 

 

 

作成したスプレッドシートを開きます。

1114 04 400x312 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

アンケートフォームのデータがインプットされている。

1114 05 400x300 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

ツールバー → 挿入 → グラフをクリック

1114 06 400x300 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

グラフエディタがオープン 左下の「挿入」をクリック

1114 07 400x254 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

グラフが作成されました。このグラフのタグを生成します。

右上の三角「」をクリック

1114 08 400x334 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

グラフを公開」をクリック

1114 09 400x327 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

埋め込む」をクリック

注)「公開」のボタンを押さないとタグは生成されない。

1114 13 396x400 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

 

 

タグ(iframe)が生成されるので、これをホームページ(html)にコピペする。

コピペしたページは、サーバーにアップしなくてもオフラインで確認できます。

1114 12 400x339 Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編

ライブ回答のグラフなので、回答が増えるつどグラフもオンタイムに更新されます。

 

 

追伸

重複投票を防ぐ機能を設定すると、 Google へのログインが必要になります。

多くの回答を得たいがためのアンケートが、Googleアカウント(gmail)を取得した、

特定の人のみが回答できるアンケートになってしまいます。

いったい日本にはどれだけgmailのシェアがあるのか?興味あるところですね。

 

Comment(0) | Trackback(0)

TAGS: / / / / / | 2016年11月17日 |

Googleドライブでアンケートを作りホームページに貼り付ける方法

Categories | ホームページ

放置プレイしていたリサーチカテゴリのリニューアルを行うため、

ヨサゲなアンケートツールが無いものかと探していたらところ、

「Googleドライブ」内の「フォーム」が使えそうだったので、当サイト(ホームページ)

に導入してみた。

「Googleフォーム」の設定方法 備忘録です。

 

※GoogleドライブはGmailアカウントを取得すれば、必然的にくっついてくるサービスです。

Googleドライブ:https://drive.google.com/drive

で、まずログインする。

 

 

左上の新規 → その他 → Googleフォームを選択(クリック)

1113 01 400x307 Googleドライブでアンケートを作りホームページに貼り付ける方法

Googleフォームの使い方ガイドが表示されますが「スキップ」しましょう。

1113 02 400x248 Googleドライブでアンケートを作りホームページに貼り付ける方法

 

すると、まっさらなフォームが表示されます。

※ 以前はテンプレートを選択する画面が表示されていたようですが、現在はこのようなページが表示されます。

 

1113 03 400x193 Googleドライブでアンケートを作りホームページに貼り付ける方法

 

一つのフォームには幾つもの質問が作れますが、今回は1つの質問で回答を5択用意し、

その内3択には画像を付けました。

 

1113 04 400x369 Googleドライブでアンケートを作りホームページに貼り付ける方法

※ 編集画面の最下部の右に「必須」のスイッチがあります。これをオンにしておくこと。

 

出来上がったらプレビューで確認してみる。

プレビューボタンは右上の目玉のアイコン。

 

1113 05 Googleドライブでアンケートを作りホームページに貼り付ける方法

プレビューするとこんな感じ・・・

 

1113 06 298x400 Googleドライブでアンケートを作りホームページに貼り付ける方法

プレビューの「送信」ボタンを試しにクリックしてみると、どう回答結果が表示されるか

確認できる。テスト回答は一括でも簡単に削除できるので、公開時にはクリーンにしておく。

 

確認を終えたら最後に編集画面上部右にある「送信」ボタンをクリック。

1113 07 Googleドライブでアンケートを作りホームページに貼り付ける方法

 

3つの項目があるのだが、

1.アンケートを告知したい方にメールを送る

2.アンケートのURL

3.アンケートをHTML(ホームページ)に貼り付けるタグ

 

1113 08 400x388 Googleドライブでアンケートを作りホームページに貼り付ける方法

 

1113 11 400x226 Googleドライブでアンケートを作りホームページに貼り付ける方法

 

1113 12 1 400x274 Googleドライブでアンケートを作りホームページに貼り付ける方法

 

必要に応じて利用する。使わなければ「キャンセル」で閉じる。

 

次回は

「Googleドライブでアンケートを作りホームページに貼り付ける方法 応用編 その1」

を説明いたします。

Comment(0) | Trackback(0)

TAGS: / / / | 2016年11月13日 |