フローティングボタンのデザインを変更し、自社にあったフローティングボタンにすることが可能です。
※ 足りないプロパティ設定など順次追加しておりますので、必要なプロパティがあればお問い合わせください。
画像設定
画像を設定は
imageUrl に画像のURLを設定してください。 画像はフローティングボタンを表示する場合、必須になります。SmartSearch.initialize({
smartSearchKey: '11111111-1111-1111-1111-111111111111',
userId: '#USER_ID#',
imageUrl: 'https://app.smart-search.tech/floating-button.png',
});JavaScript
吹き出し文言変更
吹き出しに表示する文言を設定することができます。 吹き出し内の文言は
titleと description で構成されています。
SmartSearch.initialize({
smartSearchKey: '11111111-1111-1111-1111-111111111111',
userId: '#USER_ID#',
imageUrl: 'https://app.smart-search.tech/illust-icon.png',
title: 'SmartSearchです',
description:'ベータ版の検索機能です。',
});JavaScript
スタイリングの変更
フローティングボタンのスタイリングを変更する場合は
floatingButtonStyle を設定してください設定できる内容については下記 SearchBarStyleパラメータ一覧 を参照してください。
SmartSearch.initialize({
smartSearchKey: "xxxxxx-ec20-415f-a613-cd5c321c04da",
imageUrl: 'https://app.smart-search.tech/illust-icon.png',
floatingButtonStyle: {
zIndex: 9999,
},
});JavaScript
SearchBarStyleパラメータ一覧
| Key | Description | 例 |
|---|---|---|
zIndex |
フローティングボタンに設定する zIndex | 9999 |
コメント
0件のコメント
サインインしてコメントを残してください。