このセクションの記事

HTML ソースへの WOVN スクリプト挿入

前提条件

WOVN の仕組み上、以下 3 つの条件を満たした場合に、Web サイトに翻訳結果が表示されます。

  1. WOVN 管理画面で導入サイトのドメインを登録する
    詳細は プロジェクトに紐づくドメインの管理 を参照してください。

  2. スクリプトを導入サイトへ設置する
    このページで説明します。

  3. WOVN 管理画面で対象ページが翻訳公開されている
    詳細は 翻訳ページを公開する を参照してください。

HTMLソースにWOVNスクリプトを挿入する

  1. WOVN を導入するページに該当する HTML ファイルを開きます。
    html_icon.png

  2. <head> と </head> の間に WOVN スクリプトを挿入して保存します。
    WOVN スクリプトのコピー方法については、WOVN スクリプトをコピーする を参照してください。

  3. 編集した HTML ファイルをサーバーへアップロードします。
    ※サーバーへの HTML ファイルアップロード方法については、契約されているサーバー管理会社にご確認ください。

インフォメーション
WOVN スクリプトを挿入したページのみ、WOVN が導入されます。
共通 head タグが準備されている場合、共通 head タグに WOVN スクリプトを挿入すると、一括で全ページに導入できます。html_insert.gif

WOVN スクリプトをコピーする

  1. 対象プロジェクトにマウスカーソルを合わて、右側の三点リーダーをクリックします。
    画像15.png

  2. ドロップダウンメニューから「コードスニペット」を選択してください。
    画像16.png

  3. 「導入方法をお選びください」のプルダウンリストから、「JavaScript Snippet」を選択します。

    画像17.png

  4. コードスニペットの横にあるコピーアイコンをクリックします。

    画像18.png

インフォメーション
WOVN スクリプトを挿入する位置は、<head> と </head> の間を推奨しています。
<body> </body> の間や、<footer> </footer> の間でも動作することがありますが、期待するパフォーマンスが出ない可能性があります。