テーマによって表示が変わる場合があります
テーマやプラグインのCSSの影響で、余白・文字サイズ・ボタンの見た目が変わることがあります。
Flow
設置の流れ。
ビルダーで編集し、HTMLをコピーして、WordPressの記事に貼り付けます。
- 1
ビルダーで編集する
タイトル、説明文、質問、回答、診断結果、CTAリンクを入力します。
- 2
HTMLをコピーする
編集が終わったら、HTML出力エリアのコードをコピーします。
- 3
WordPressの記事を開く
設置したい記事や固定ページを開き、置きたい場所を決めます。
- 4
カスタムHTMLに貼る
ブロック一覧から「カスタムHTML」を選び、コピーしたHTMLを貼り付けます。
- 5
表示とリンクを確認する
PC・スマホで表示を確認し、診断結果とCTAリンクの動きを確認します。
WordPress
カスタムHTMLに貼る。
ブロックエディターで設置したい場所に「カスタムHTML」ブロックを追加し、 コピーしたHTMLを貼り付けます。
Tip
公開前に、下書き記事やテストページで表示を確認してください。 質問の選択、診断結果の表示、CTAリンクの遷移まで確認しておくと安心です。
Checklist
公開前に見るところ。
診断が記事の読みやすさを邪魔していないかも、あわせて確認します。
診断タイトルや質問文に誤字がない
すべての質問に回答できる
診断結果が正しく表示される
CTAボタンのリンク先が正しい
スマホ幅で表示が崩れていない
記事全体の読みやすさを邪魔していない
Caution
設置時の注意点。
WordPressの環境によって、表示や動作が変わる場合があります。
JavaScriptが制限される場合があります
一部のWordPress環境やセキュリティ系プラグインでは、scriptタグが無効化される場合があります。
アフィリエイトリンクはルール確認が必要です
CTAにアフィリエイトリンクを使う場合は、広告表記、nofollow/sponsored、掲載ルールを確認してください。
FAQ
よくある質問。
WordPressのどこに貼り付ければいいですか？
ブロックエディターの場合は「カスタムHTML」ブロックに貼り付ける想定です。記事本文の途中、比較表の前、記事下CTAの前などに設置しやすいです。
HTMLを貼るだけで動きますか？
基本的には単体HTMLとして動く形を想定しています。ただし、WordPressテーマやプラグインの設定によっては、scriptタグが制限される場合があります。
スマホでも使えますか？
スマホ表示も想定したレスポンシブ設計にしています。ただし、実際の表示は設置先のテーマ幅やCSSの影響を受けるため、公開前の確認をおすすめします。
設置代行はありますか？
現在のMVP段階では、個別の設置代行やテーマ別の不具合調査には対応していません。まずは下書き記事で表示を確認してください。