ココまとめ

ゲーム、映画、ドラマを中心に記事にしていきます

ココまとめ

ーおすすめ記事ー

はてなブログで、アンケートをコピペで簡単設置方法

f:id:coco090:20190823204902j:plain

こんばんは。
昨日の記事を18:30で予約投稿したつもりが、8:30で投稿してしまったcocoです。

時々ブログで皆様の生の声を共有するため、
勝手ながらアンケートを取らせていただいております。

f:id:coco090:20190823203731j:plain

こんなのです。

以前、
「ドラゴンクエストユア・ストーリーが公開されたので、ドラクエ5をまとめてみる」の記事でアンケートを取らせて頂きましたが、
結果はフローラとルドマンの同点首位とう結果になりました。

f:id:coco090:20190823204139j:plain

ルドマン人気ですね。(⋈◍>◡<◍)。✧♡

というように、アンケートを設置すれば、隠れた人気者を共有することができます。
素晴らしい!

というわけで、今回は
「はてなブログで、アンケートをコピペで簡単設置方法」について
ご紹介したいと思います。 

はじめに

まず、今回ご紹介する方法は「pollmaker」というサイトを使って
アンケートを設置する方法を紹介します。

ちなみに、このサイトはアカウント登録不要無料という、
面倒くさがり屋の私にとっては神のようなサイトです。

アンケート設置方法

では早速、アンケートの設置方法についてご説明します。

前準備

f:id:coco090:20190823211725j:plain

まずは前準備として、タイトル画像を用意する必要があります。

はてなフォトライブへアクセス

f:id:coco090:20190823212108j:plain

画像をアップロードする必要がありますので、「はてなフォトライフ」を利用します。

ダッシュボードの右上「利用中のサービス」から「はてなフォトライフ」を選択。
アクセスしてください。

画像をアップロード

f:id:coco090:20190823212716j:plain

続いて画像をアップロードします。

  1. 右上のアップロードをクリック。
  2. 画像をドラッグ
画像のURLをコピー

f:id:coco090:20190823213821j:plain

画像がアップロードできたら、アップロードした画像を選択すると、
上記のような画面に移ります。

そこで、画像にカーソルを合わせ、
右クリックで「画像のアドレスをコピー」を選択します。

これで前準備は完了です。お疲れさまでした。

Pollmakerへアクセス

まずはアンケートを作るためのサイト「Pollmaker」へアクセスします。

「Pollmaker」

アンケートのタイトル画像を作成

f:id:coco090:20190823210940j:plain

まず最初にアンケートのタイトル画像を作成します。

トップページから右上の写真アイコンを押します。
写真アイコンは、一度入力フォームをクリックすることで出てきます。

f:id:coco090:20190823211150j:plain

続いて1のForm URLを押します。

2のURLの欄に、前準備で用意した画像のURLを貼りつけ、OKを押します。

f:id:coco090:20190823214402j:plain

画像のサイズを調整します。

右下のプルダウンメニューから調整する種類を選択できます。
サイズ調整が済んだらOKを押します。

質問と回答の作成

f:id:coco090:20190823215043j:plain

質問と回答を作成します。

  1. 質問を入力します。
  2. 回答を入力します。

デザインの設定

f:id:coco090:20190823215452j:plain

次にアンケートのデザインを設定します。

タブの「Themes」を押し、ご自分の好みに合わせてデザインを選択してください。
隣のタブの「Customize」を選ぶと、より細かく設定することも可能です。

アンケート設定(基本)

f:id:coco090:20190823220503j:plain

アンケートの基本設定をします。

1で2度目の投票出来る間隔を設定します。
「Select multiple answer」で回答を複数選択することができます。
「Hide results」で投票結果を隠すことができます。

アンケート設定(詳細)

f:id:coco090:20190823222306j:plain

「Advanced」を選択し、アンケートの詳細設定を行います。

  1. アンケートの開始時間と終了時間を選択します。
  2. Do not trak Voter Locationを選択します。
    これは回答者の位置情報を取得するかどうかの設定です。 
    取得する必要はないので上記を選択します。
  3. ボタンのテキストを編集できます。Voteは投票、Resultsは結果としています。
  4. 1~3の入力が終わったら「Create Free Poll」を押します。

f:id:coco090:20190823222334j:plain

 こんな画面が出てきたら「Save As New」を選びます。

HTMLコードのコピー

f:id:coco090:20190823222537j:plain

さあ、これで最後です。
HTMLコードを作成する事が出来ましたので、コードをコピーします。

「Share」タブの「Embed」を選択するとCodeが表示されます。
このコードをコピーして、はてなブログの記事編集画面の「HTML編集」で
コードをペーストしましょう。

すると下記のようなアンケートが出来上がります。 

お金と愛どちらが大切?
お金
 
Created with QuizMaker

最後に

結構長く書きましたが、慣れれば1,2分で出来る作業です。

今回は2択で作りましたが選択肢を増やして3択、4択にすることも可能です。
キャラクターを登場させているブログ様などは、
人気キャラクター投票などを実施してみるのも良いかもしれません。

このブログを読んで頂き、アンケートをお気に召しましたら、
ご自身のブログに導入してみてはいかがでしょうか?

最後に、
記事とは全く関係ありませんが、明日から3日間ほど仕事でお泊り出張になります。
記事は予約投稿してあるので途切れることなく投稿します!が、
皆様の記事を読む時間がほとんど取れなくなります。申し訳ありません。
また3日後にお会いしましょう!

さらばだー👋

合わせて読みたい"ブログカスタマイズ"の記事