コンテンツまでスキップ
日本語
  • 検索フィールドが空なので、候補はありません。

STUDIOでの設置方法(JavaScript)

  1. ヨミトルの設置設定ページにて、URLを設定し、保存をクリックする。

    スクリーンショット 2025-05-22 14.25.56


  2. 該当の診断を公開中に変更する。

    スクリーンショット 2025-05-22 14.38.57


  3. <STUDIO操作> STUDIOにて、ページを追加作成する。

    studio_1


  4. <STUDIO操作> 作成したページの詳細設定を開き、(1)で指定したパスに変更する。

    スクリーンショット 2025-05-22 14.32.26
    studio_2


  5. <STUDIO操作> ページ詳細設定の下部にある、「カスタムコード」>「<head>内の末尾」に下記コードをペーストする。

    STUDIO標準の表示要素が画面全体に表示される設定になっており、ヨミトルのウィジェットはその下に挿入されます。

    ※STUDIO側にセクションがなくとも必ず表示されます。
     それを非表示にするためには、CSS設定をheadに追加する必要があります。
    <style>
    .StudioCanvas {
    display: none!important;
    }
    </style>
    スクリーンショット 2025-05-22 15.23.36

  6. ヨミトルの設置設定ページ下部、設置方法のJavaScriptのコードをコピーする。

    スクリーンショット 2025-05-22 14.40.57


  7. <STUDIO操作> 「<body>内の末尾」にヨミトルでコピーしたJavaScriptのコードをペーストする。

    スクリーンショット 2025-05-22 14.40.39


  8. <STUDIO操作> ページを公開する。


  • 設定したURL以外でヨミトルの設置コードを配置しても診断は動作しません。
  • ヨミトルの設置コードを、同ページ内に複数設置することはできません。
  • ヨミトルでSTUDIOの動作を保証することはできません。
    • STUDIO側のアップデートなどにより影響を受ける場合があるため。