お客様のWebサイトにGuideを埋め込む
作成したGuideエンゲージメントルールを表示したいウェブサイトの各ページに、GuideJavaScriptコードを埋め込む必要があります。
埋め込みコードにアクセスするには、Guide設定権限が必要です。
Guide JavaScriptコードの埋め込みに関する短いビデオをご覧ください。
- アプリセレクター
をクリックして、次を選択します:Guide。
-
統合をクリックします。 あなたのテナントに特有のJavaScriptコードと共にページが表示されます。
画像例には、テナントに固有の値が表示されるぼやけた領域が含まれています。
-
Guideでコードをコピーをクリックしてコードをコピーします。
- Guideテンプレートやプロアクティブオファーを表示したい各ウェブページのヘッダーにこのコードをペーストします。
あるいは、ウェブサイトがタグマネージャーと統合されている場合は、タグマネージャーを使ってウェブサイトのスクリプトを実行することもできます。
Guide用の使用言語の設定
ブラウザーの言語設定をオーバーライドし、Guideの訪問者に特定の言語でのコンテンツ表示を強制するには、埋め込みスクリプトを変更します。 スクリプトの最後にあるcxone('guide','init');コマンドにlocaleパラメーターを追加し、希望の言語を指定します。 たとえば、次のようにフランス語に設定することができます:
cxone('init','####');
cxone('guide','init', {locale: 'fr-fr'});
####を4桁のテナントIDに置き換えます。
プロアクティブオファーで書いたコンテンツは、それでも書かれた言語で表示されることに留意してください。 これは、フランス語用にGuide翻訳文字列を設定していることを前提としています。
トラッキングの無効化
日時またはエージェントの可用性を使用するがWebトラッキングを使用しないためには、以下のJavaScript APIコマンドを埋め込みスクリプトに追加します:
cxone('disableModule', 'analytics')
Webサイトのベストプラクティス
-
ウェブサイトのジェネリックな要素には、CSSの
!important
パラメーターを使用しないこと。 それをすると、ウェブサイトのCSSがGuideに漏れ、デザインを変えてしまう可能性があります。 -
ウェブサイト上の基本的なJavaScript関数を上書きしないこと。 それをすると、Guideが正しく動作しない可能性があります。
-
JavaScriptAPIを使用することで、Guideの外観や動作をカスタマイズすることができます。