カスタマイズ
接客サービスをカスタマイズして行う施策のHOWTO・レシピをまとめました
CSSのモジュール化
この記事は開発者向けの内容です。カスタマイズを前提としているためサポート対象外になります。事前にご理解の上ご利用ください。 CSSのモジュール化 CSS の影響を接客アクション内に限定する仕組み...
ドキュメントを読むアンケートの回答を KARTE に送る
この記事は開発者向けの内容です。カスタマイズを前提としているためサポート対象外になります。事前にご理解の上ご利用ください。 アンケートの回答を KARTE に送る KARTEでは接客アクションと...
ドキュメントを読むテンプレート（Nunjucks）を利用する
この記事は開発者向けの内容です。カスタマイズを前提としているためサポート対象外になります。事前にご理解の上ご利用ください。 テンプレート（Nunjucks）を利用する KARTEのアクションでは...
ドキュメントを読むユーザー情報を埋め込んでアクションする
この記事は開発者向けの内容です。カスタマイズを前提としているためサポート対象外になります。事前にご理解の上ご利用ください。 ユーザー情報を埋め込んでアクションする アクションの変数として、KA...
ドキュメントを読むWidget APIでアクションをカスタマイズする
この記事は開発者向けの内容です。カスタマイズを前提としているためサポート対象外になります。事前にご理解の上ご利用ください。 Widget APIでアクションをカスタマイズする Widg...
ドキュメントを読むWebやNativeアプリへのアクション配信の仕組み
この記事は開発者向けの内容です。カスタマイズを前提としているためサポート対象外になります。事前にご理解の上ご利用ください。 WebやNativeアプリへのアクション配信の仕組み アクションをカ...
ドキュメントを読むアクションをカスタマイズする
この記事は開発者向けの内容です。カスタマイズを前提としているためサポート対象外になります。事前にご理解の上ご利用ください。 アクションをカスタマイズする KARTEでは様々な方法でアクションを...
ドキュメントを読むモバイル向けスライドテンプレートを使ったアクションで、スライドの枚数を増やしたい
モバイル向けスライドテンプレートで作成したアクションで「スライドの枚数を追加する」カスタマイズ方法について記載しています。 カスタマイズにおける注意点 具体的なカスタマイズ方法に関しては、チャット...
ドキュメントを読むモバイル向けスライドテンプレートを使ったアクションで、スライド遷移時のイベントを計測したい
モバイル向けスライドテンプレートで作成したアクションで「スライド遷移時のイベントを計測する」カスタマイズ方法について記載しています。 カスタマイズにおける注意点 具体的なカスタマイズ方法に関しては...
ドキュメントを読むページ内に指定した要素が存在したらアクションを表示する/しない
Webサイトに配信するアクションについては、JavaScriptを使って次のようなカスタマイズが可能です。 ページ内に指定した要素が存在したらアクションを表示する ページ内に指定した要...
ドキュメントを読むアクションで前回最後に表示していたステートを初期表示する
次のようなカスタマイズをすることで、同一ユーザーに複数回表示されるアクションについて、前回の表示時にユーザーに最後に表示したステートを、初期表示させることができます。 カスタマイズした場合の挙動例 ...
ドキュメントを読む接客アクション内のaタグ以外でもmessage_clickイベントを発生させる
クリックイベントを発生させる KARTEで配信するWidgetについては、aタグで実装されたリンクのクリック以外では「接客サービスをクリック」(message_click)イベントは自動発生しません...
ドキュメントを読む接客アクションがサイトの一番下など意図しない位置に表示されてしまう
KARTEのテンプレートを利用する際に、サイトの構造によってはページの下までスクロールしないとポップアップが表示されないなど、適切な位置に表示されない場合があります。 その場合の原因として、サイトのソ...
ドキュメントを読む接客サービス内でアンカーリンククリック時に、接客を閉じたい
アクション内のリンクをアンカーリンクで設定した時、通常ですと、接客サービス自体は非表示にならずついてきてしまう挙動をとります。 これを回避するためには、アンカーリンクで設定したAタグに、karte-c...
ドキュメントを読むアクションとページ内の要素の前後関係が意図しない順序になっている
アクションとページ内の要素の前後関係が意図しない順序になっている場合、KARTEのアクション側のCSSのz-indexの値を変更することで改善するケースがあります。 対処方法 CSSの編集は動作保...
ドキュメントを読むバナー表示の接客アクションで、リンクを無効化する
メッセージ表示のみを実施し、クリック時も画面遷移などをしないようにしたい場合は、アクション編集画面で以下のいずれかを設定してください。 簡易な方法 リンク先URLにjavascript:v...
ドキュメントを読むアンケートの設問を増やしたい
アンケートのテンプレートをご利用時、設問の追加やテンプレートに設定された設問形式の変更を行う場合は個別カスタマイズとなり、サポート対象外となります（カスタマイズの結果回答が送信されない場合などもサポー...
ドキュメントを読むCSS3のcalc()ファンクションを使用するときの既知の問題
Karteの接客サービス内では、一部のテンプレートで入力されたCSSにLESSコンパイルを行っています。 その影響で、CSS３のcalc()を使用すると、意図しない形でコンパイルされることがあります。...
ドキュメントを読むWebページに配信したアクション内で、外部のスクリプトを読み込む
KARTEでは、テンプレートをカスタマイズすることで、任意のJavaScriptコードをWebサイト上で実行することができます。 そのため、Webサイト上のJavaScript経由で読み込み可能な外...
ドキュメントを読むアクションに表示するアイコンを追加したい
※ アクションのカスタマイズに関してはサポート対象外となります。以下の設定は自社の責任でご利用ください。 以下の手順に沿って、アクションに表示する画像を追加できます。 アクションに変数を追...
ドキュメントを読むアクションに変数を追加する
※ アクションのカスタマイズに関してはサポート対象外となります。以下の設定は自社の責任でご利用ください。 アクション編集画面を開き、画面右上の「カスタマイズ」をクリックします。 https://s...
ドキュメントを読むアクションに表示する画像を追加したい
※ アクションのカスタマイズに関してはサポート対象外となります。以下の設定は自社の責任でご利用ください。 以下の手順に沿って、アクションに表示する画像を追加できます。 アクションに変数を追...
ドキュメントを読むアクションのボタンをクリックしてページ内ジャンプしたい
このサポートサイトは、テンプレートのカスタマイズにあたるため、サポート対象外となります。予めご理解の上ご利用をお願いいたします。 この記事は、接客サービスのボタンをクリックして、その表示されたページ...
ドキュメントを読む1つの接客サービス内で、PCとSPのポップアップ画像のサイズを出し分ける
メディアクエリを記載して実装可能です （参考） https://developer.mozilla.org/ja/docs/Web/CSS/Media_Queries/Using_media_quer...
ドキュメントを読むアクションを配信すると小さいサイズで表示されてしまう
Viewportが設定されているサイトの場合、エディタで作成したサイズより小さく表示されてしまうケースがあります。サイトの設定を確認の上で、エディタ上では設定を考慮してテンプレートを編集してください。
ドキュメントを読むアクションでカスタムイベントを送信する
カスタムイベントの送信 アクション内で、ユーザーの操作等によって何らかのイベントを送信したい場合は、Script内で下記のように記述ください。 // この例では、'event_name'という名前...
ドキュメントを読むユーザー情報を埋め込んだアクション配信を行う（ユーザー情報変数）
アクションの変数として、KARTEのユーザーデータを使用することができる機能です。 例えばユーザー情報を利用して「ようこそ◯◯さん」、「◯◯ブランドの新着商品をチェック！」や会員IDに応じてリンク先U...
ドキュメントを読むステートの表示順番を変更したい
このサポートサイトは、テンプレートのカスタマイズにあたるため、サポート対象外となります。予めご理解の上ご利用をお願いいたします。 概要 ウィジェットタイプのテンプレートは複数のステート（表示状態）...
ドキュメントを読むアクションの表示までの秒数の設定をしたい
選択された接客サービスのアクション編集画面>ベーシック>表示設定より、表示までの時間と非表示までの時間の設定が可能となります。 旧公開テンプレートの「通知」タイプのテンプレートでの設定方法 ...
ドキュメントを読む接客アクションに枠線をつけたい
このサポートサイトは、テンプレートのカスタマイズにあたるため、サポート対象外となります。予めご理解の上ご利用をお願いいたします。 ウィジェットタイプでは無いテンプレートについて、接客アクションの編集...
ドキュメントを読むモーダルの周囲の黒い領域をクリックしても閉じないようにする
Webサイト上に表示するポップアップについて、表示位置を中央にした場合に、通常はモーダルの周囲の黒い領域をクリックするとポップアップが閉じる仕様になっています。 モーダルの周囲の黒い領域をクリッ...
ドキュメントを読むCLOSEボタンの色を変更したい
このサポートサイトは、テンプレートのカスタマイズにあたるため、サポート対象外となります。予めご理解の上ご利用をお願いいたします。 https://storage.googleapis.com/sup...
ドキュメントを読むボタンを押した時のリンク先を別タブで表示したい
この記事は、PC及びスマートフォンのタブをサポートしたブラウザ上で表示される接客でのカスタマイズ方法を紹介しています。 変更手順 アクションの編集より「カスタマイズ」を選択してください ア...
ドキュメントを読むテキストを長くした場合、画像の位置を天地 中央の配置にしたい
https://storage.googleapis.com/support_img/uploads/4068e620bd3b7d48355dedfeaa02a6d5.png カスタマイズするテンプ...
ドキュメントを読むテキストを長くした場合、画像の位置を天地 中央の配置にしたい パターン2
https://storage.googleapis.com/support_img/uploads/5bb2e02ec7cbe3994ac3ea87d14eb48b.png カスタマイズするテンプ...
ドキュメントを読むWidgetタイプのアクションのモーダル表示時の黒い背景のスタイルを変更したい
このサポートサイトは、テンプレートのカスタマイズにあたるため、サポート対象外となります。 予めご理解の上ご利用をお願いいたします。 概要 サイトにかかるモーダル（背景の編みかけ部分）について、色や...
ドキュメントを読むテキストの一部だけスタイルを変えたい
このページではCSSによる基本的なスタイルの変更の事例について取り上げています。 詳しいCSSの仕様については以下を参照ください。 https://developer.mozilla.org/ja/...
ドキュメントを読むテンプレートで表示されるフォントの指定をしたい
フォントの指定について フォントの指定は可能です。 何も指定していない場合、KARTEのアクションテンプレートに反映されるフォントについては、サイト側のフォント設定が反映される仕様です。 KARTE...
ドキュメントを読む流入元のパラメーターを引き継いでアクション内でURLを表示する
ユーザー情報を埋め込んだアクション配信することで、設定が可能となります。 設定方法 1.事前準備 アクション編集画面、もしくはテンプレート編集画面のベーシック側のタブで、「データ管理」が表示されて...
ドキュメントを読む