ブログや編集部の方へ
読者のための完成したクイズ
ブログのネタに困っていませんか？大切な人について12問、1分で遊べて、最後には読者に印刷できるプレゼントが届く企画です。
インタラクティブコンテンツは読者をページに長くとどまらせ、母の日やクリスマス、家族についての記事の良いきっかけになり、しかも費用はかかりません。アカウントも設定も不要で、貼り付けるコードはひとつだけです。
1
ステップ1： クイズを設定する
使う色色はひとつで十分です。ボタンから細い線まで、クイズ全体がその色になります。
#ac5028
2
ステップ2： コードを受け取る
埋め込み用コード
コピーして、クイズを表示したい場所に貼ってください。
<div class="familystories-quiz" style="max-width:680px;margin:0 auto">
<iframe
src="https://familystories.love/embed/quiz/v1/family/ja"
title="家族のこと、本当にどれくらい知っていますか?"
width="100%" height="760" loading="lazy"
allow="clipboard-write; web-share"
referrerpolicy="strict-origin-when-cross-origin"
style="display:block;width:100%;max-width:100%;border:0;border-radius:24px 24px 0 0"
></iframe>
<p style="margin:0;padding:10px 24px;border:1px solid #e0d5c5;border-top:0;border-radius:0 0 24px 24px;background:#fffdf8;color:#7b6e5b;font:11px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;text-align:end"><a href="https://familystories.love/ja#quiz" style="color:#874d3a;font-weight:700;text-decoration:none">FamilyStories</a> のクイズ</p>
</div>
リンクだけでいい場合は？
その場合はクイズにリンクするだけで大丈夫です。読者はこちらのページで遊んで、最後には同じプレゼントを受け取れます。
https://familystories.love/ja#quiz
AIアシスタントに埋め込んでもらいたいですか？
この指示をコピーして、あなたのアシスタントに渡してください。完成したコードが含まれています。
手に入るもの
無料で、アカウントも登録も不要、有効期限もありません。
広告なし、読者の追跡なし、こちらからのCookieもありません。
スマホで見ても、大きな画面で見ても同じようにきれいです。
クイズの中でFamilyStoriesの名前が出るのは最後のページだけです。
11の言語に対応。読者が自分でどの言語で遊ぶか選べます。
クイズの下にはFamilyStoriesのクイズという一行が付いています。これはウィジェットの一部なので、そのまま残ります。
埋め込みかた
たいていのシステムなら1分もかかりません。メニューの名前は提供元やプランによって少し異なり、独自コードを特定のプランからしか許可しない場合もあります。
- 01
WordPress
ブロックを追加してカスタムHTMLを検索し、コードを貼り付けて投稿を更新します。
- 02
Wix
追加、次に埋め込み、次にHTMLを埋め込むを選びます。コードを貼り付け、枠を好きな大きさにドラッグします。
- 03
Squarespace
ブロックを追加してコードを選び、コードを貼り付けて形式はHTMLのままにします。
- 04
Jimdo
要素を追加、もっと見るから、ウィジェットまたはHTMLを選びます。コードを貼り付けて保存します。
- 05
Blogger
投稿画面でHTML表示に切り替え、好きな場所にコードを置いて、また戻します。
- 06
Ghost
エディタで新しいカードを追加し、HTMLを選んでコードを貼り付けます。
- 07
Webflow
Embed要素をページにドラッグし、コードを貼り付けて公開します。
- 08
Typo3
バックエンドで「プレーンHTML」タイプのコンテンツ要素を追加し、コードを貼り付けます。
- 09
Shopify
ページエディタでコード表示に切り替え、コードを好きな場所に配置します。
よくある質問
クイズウィジェットの利用料金はいくらですか？
無料です。アカウントも登録も、有料プランも有効期限もありません。コードをコピーすれば、そのままサイトでクイズが動きます。
WordPressにクイズを埋め込むにはどうすればいいですか？
投稿にカスタムHTMLブロックを追加して、コピーしたコードをそこに貼り付けてください。Wix、Squarespace、Jimdo、Blogger、Ghost、Webflow、Typo3、Shopifyでは、埋め込み、コード、HTMLといった名前のブロックを使います。
読者に広告が表示されたり、追跡されたりしませんか？
いいえ。このクイズは広告を表示せず、こちらからCookieを設置することもなく、誰も追跡しません。最後に集計されるのは、比較のために匿名化されたスコアと選んだ国だけです。
自分のデザインに合わせて色を変えられますか？
はい。色をひとつ選ぶと、ボタンから細い線まで、クイズ全体がその色になります。ロゴをアップロードすることもでき、クイズの右上に表示されます。
クイズはどの言語に対応していますか？
11の言語です。ドイツ語、英語、フランス語、スペイン語、ポルトガル語、イタリア語、オランダ語、トルコ語、日本語、韓国語、アラビア語です。読者はクイズの中で自分の言語を選べます。
クイズの下の一行は消せませんか？
はい、FamilyStoriesのクイズという一行はウィジェットの一部です。その代わり、クイズの中でFamilyStoriesの名前が出るのは最後のページだけなので、読者の邪魔になりません。
