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