アンケート作成・表示

カスタム投稿タイプでアンケートを作成し、ショートコードで任意のページに埋め込む方法を解説します。Chart.jsによるグラフ表示とデータセット出力についても説明します。

アンケートの作成

アンケート設定
アンケートの設定画面
1

管理画面左メニュー「アンケート」→「新規追加」をクリック

2

アンケートのタイトル(質問文)を入力

3

選択肢を追加(単一選択または複数選択を設定)

4

グラフの種類(円グラフ・棒グラフ・ドーナツチャート)を選択

5

「公開」をクリックしてアンケートを保存

アンケートの投稿IDは公開後にURL欄やショートコード表示エリアで確認できます。

ショートコードでの埋め込み

作成したアンケートは以下のショートコードで任意の投稿・固定ページに埋め込めます。

ショートコード 説明
[tk_poll id=123] IDが123のアンケートを表示。idにはアンケートの投稿IDを指定
1

投稿または固定ページの編集画面を開く

2

ショートコードブロックを追加し、[tk_poll id=123] を入力(123を実際のIDに置き換え)

3

ページを公開・更新してフロントエンドで表示を確認

Chart.jsによるグラフ表示

投票結果は以下のグラフ形式でリアルタイム表示されます。

グラフ種類 説明
円グラフ (Pie) 各選択肢の割合を円形で表示
棒グラフ (Bar) 各選択肢の投票数を棒グラフで表示
ドーナツチャート (Doughnut) 円グラフの中央を空けた形式で割合を表示

Chart.jsは外部CDN(jsdelivr.net)から読み込まれます。投票後、グラフはAJAXでリアルタイムに更新されます。

データセット出力

アンケート結果は以下の形式でデータセットファイルとして自動生成されます。

形式 説明
CSV カンマ区切りテキスト。スプレッドシートやBIツールでの分析に最適
XML 構造化マークアップ。システム間のデータ連携に利用
JSON 軽量データ交換形式。Webアプリケーションでの利用に最適
YAML 人間が読みやすい形式。設定ファイルやドキュメントに利用

データセットファイルはDatasetスキーマJSON-LDと連動しており、JSON-LD内のdistribution要素からファイルURLが参照されます。Google Dataset Searchでの発見可能性を高めます。