アンケート

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日 |

新アンケート

Categories | ホームページ

新たなアンケートはスパム対策用に投票時に画像認証機能を導入いたしました。

2012 0201 新アンケート

ちょっとメンドイかもしれませんが、表示された数字を入力し

コメント(任意)した上、「回答する」ボタンをポチって下さい。

私自身年間5000キロも走らないのですが

皆さんどれぐらいツーリング行かれるか興味ありまして (;^ω^)

今回は「年間のツーリング距離は?」のアンケートにしてみました。

ドシドシ投票お願いいたします。

Comment(0) | Trackback(0)

TAGS: / / / | 2012年2月1日 |

ブレーキディスクローターは?をリセット

Categories | ホームページ

2010 0910 300x194 ブレーキディスクローターは?をリセットホームページ内リサーチのブレーキディスクローター?アンケートをリセットしまし

た。207件の回答を頂いてましたが、キャリパーとの勘違い?誤った回答が多く含まれ

ていると判断し、勝手ながらリセットし、再スタートさせました。申し訳ありませんが

再度ご回答をお願いいたします。↓

あなたのゼファーに付いているディスクローターのメーカーは?

ピックアップアンケートは

リアサスはどこの?2006.12.11.~2010.10.31

に変更いたしました。

Comment(0) | Trackback(0)

TAGS: / / / / / | 2010年9月10日 |

RESEARCH(リサーチ)をリニューアル

Categories | ホームページ

2010 0520 01 300x200 RESEARCH(リサーチ)をリニューアル

↓ ↓

2010 0520 02 300x200 RESEARCH(リサーチ)をリニューアル

文字ばかりの殺風景なページだったので

昔撮った写真を利用しリニューアルしました。

少しは見栄え良くなったかなぁ。

Comment(0) | Trackback(0)

TAGS: / / / | 2010年5月20日 |

アンケート一時休止

Categories | ホームページ

ドメイン取得したついでにリニューアルもやってるんですが

中々引越しでけてません。とりあえず来月中には新HCZを

オープンさせる予定で頑張って作ってます。

でぇ、先にややこしーCGIを引越しさせましたので

アンケートを一時休止いたしました。

Comment(0) | Trackback(0)

TAGS: / / / / / | 2009年9月11日 |