JavaScriptスニペットを使用して、WalkMeをデプロイする
Last Updated 8月 28, 2024
概要
WalkMeスニペットは、WalkMeをサイトで実行できるようにするものです。 スニペットを含むページまたはブラウザは、サーバーでパブリッシュされたWalkMeファイルにアクセスでき、これによりユーザーは、コンテンツにアクセスして再生できます。
スニペットは、WalkMeがページで動作するために、ユーザーのブラウザで実行する必要があるJavaScriptコードです。 各スニペットは特定のWalkMeエディタのアカウントに関連付けられています。 WalkMeエディタでアイテムがパブリッシュされると、関連付けられたスニペットをブラウザで実行しているユーザーがアイテムにアクセスすることができます。
以下の手順に従って、スニペットを使用して、WalkMeをデプロイします。
デプロイメントガイド
1. スニペットコードを取得する
展開
スニペットコードは、WalkMeエディタから利用できます。 エディタをインストールする方法を学びます。
- エディタで設定アイコンをクリックしてシステム設定を開きます
- スニペットタブに移動します
- ドロップダウンから正しい環境を選択します(テスト/本番)
- 各環境には微妙に異なるスニペットコードがあります
- テスト/サンドボックス/ステージングサイトがある場合は、テストスニペットを選択します
- エンドユーザーに公開するためのスニペットを希望する場合は、本番スニペットを選択します。スニペット
- コードをコピーをクリックして、スニペットをコピーします
2. ウェブサイトのバックエンドにアクセスする
展開
- ウェブサイトのバックエンドまたはコンテンツ管理システム(CMS)にログインします
3. ヘッダー/フッターセクションを探す
展開
- ウェブサイトのヘッダーまたはフッターを編集できるCMSのセクションに移動します
4. ヘッダー/フッターを編集する
展開
- ヘッダー/フッターセクションで、カスタムコードまたはスクリプトを追加できるセクションを見つけます
5. スニペットコードを追加する
展開
- スニペットコード(ステップ1でコピーされたもの)を、CMSのヘッダー/フッターセクションの指定された領域に貼り付けます
6. 変更を保存する
展開
CMSとWalkMeエディタで変更内容を保存します。
- スニペットコードをヘッダー/フッターセクションに貼り付けた後、CMSで変更内容を保存します
- このアクションには、「保存」、「更新」、「公開」ボタンを押すことが含まれる場合があります
- エディタでシステム設定に移動します
- 一般タブで、設定の公開をクリックします
7. インストールを確認する
展開
- ウェブサイトにアクセスし、スニペットコードを動作させたい特定のページに移動します
- ページを調べて、希望の機能がアクティブになったことを確認します
- スニペットコードが期待通りに動作していないことに気づいた場合、コードの配置を再度確認してください
- それでも問題がある場合は、サポートチームに問い合わせることができます
スニペットが配置されると、エディタからパブリッシュされたコンテンツ を確認できるようになります。 スニペットをテストし、それが正しく設定されていることを確認するには:
- サイトを開きます
- 右クリックして、ページの検査を選択します
- コンソールを開きます
- 以下のテキストクエリを入力します : _walkMe.getEnvId()
- このコマンドは、どの環境が読み込まれているかを示す値を返します。
- 0 = 本番
- 1 = プレビュー
- 2 = 再生
- 3 = テスト
- 未定義 = スニペットが適切に設定されていないため、サポートに連絡する必要があります
これで完了です。 ウェブサイトにスニペットコードを正常にインストールしました。 さらに質問がある場合、またはサポートが必要な場合は、お気軽にお問い合わせください。
この記事は役に立ちましたか?
はい
いいえ
ご意見ありがとうございます!