Tag Key：OneSignalのタグになるもの。cat_<category>という命名規則（小文字、スペースの代わりにアンダースコア）を使用します — 例：cat_breaking_news、cat_sports、cat_apparel。これはOneSignalの業界別ガイド全体で使用されている規則と一致し、同じタグの名前空間をページ訪問の行動から自動的に設定できるようにします。自動タグパターンについては、ページトピックでユーザーにタグを付けるを参照してください。
Subscription Bell Promptは、Webサイトの下隅に表示される小さな永続的なウィジェットです。サブスクライブしていないユーザーがクリックすると、Native Browser Promptがトリガーされます。最小限のフットプリントのため、ベルは常に表示したままにすることができ、継続的なオプトイン機会のための受動的でありながら効果的なオプションとなります。却下を必要とせず、ユーザーにサブスクライブするタイミングをコントロールする権限を提供します。
Subscription bellプロンプトウィジェット
OneSignal Bell Promptの色、サイズ、下部位置、テキストなどをカスタマイズできます。
現在、アイコン画像を変更したり、ベルを上隅に配置したりすることはできません。
Typical Site & WordPress Setup: Subscription Bell Prompt
Settings > Push & In-App > Web Settings > Permission Prompt Setup > Add Prompt > Subscription Bell Promptに移動しますベルの以下をカスタマイズできます：
色
サイズ
下部位置（左または右）
テキストとラベル
設定後、Doneをクリックしてから、Saveをクリックして変更を適用します。
ダッシュボードのSubscription bell設定
Custom Code Setup: Subscription Bell Prompt
Web SDK初期化オプションでnotifyButtonパラメータを使用します。Bell Promptのカスタマイズのために、さまざまな例を切り替えることができます。非表示： ユーザーがサブスクライブした後にサブスクリプションベルを非表示にするか、特定のページでのみ表示するには、初期化中のdisplayPredicate関数で値falseまたは 値falseに解決されるPromiseを返すようにしてください。この関数は、サブスクリプションベルが表示される前に評価されます。サブスクリプションベルを表示するには、他の値を返すことができます。
// Your other init options herenotifyButton: { enable: true, /* Required to use the Subscription Bell */ size: 'medium', /* One of 'small', 'medium', or 'large' */ theme: 'default', /* One of 'default' (red-white) or 'inverse" (white-red) */ position: 'bottom-right', /* Either 'bottom-left' or 'bottom-right' */ offset: { bottom: '0px', left: '0px', /* Only applied if bottom-left */ right: '0px' /* Only applied if bottom-right */ }, showCredit: false, /* Hide the OneSignal logo */ text: { 'launcher.button.aria-label': 'Manage notifications', /* Accessible name of the bell button */ 'tip.state.unsubscribed': 'Subscribe to notifications', 'tip.state.subscribed': "You're subscribed to notifications", 'tip.state.blocked': "You've blocked notifications", 'message.prenotify': 'Click to subscribe to notifications', 'message.action.subscribed': "Thanks for subscribing!", 'message.action.resubscribed': "You're subscribed to notifications", 'message.action.unsubscribed': "You won't receive notifications again", 'dialog.main.title': 'Manage Site Notifications', 'dialog.main.button.subscribe': 'SUBSCRIBE', 'dialog.main.button.unsubscribe': 'UNSUBSCRIBE', 'dialog.blocked.title': 'Unblock Notifications', 'dialog.blocked.message': "Follow these instructions to allow notifications:" }}
// Your other init options herenotifyButton: { enable: true, // Required to use the Subscription Bell // Your other Subscription Bell settings here colors: { // Customize the colors of the main button and dialog popup button 'circle.background': 'rgb(84,110,123)', 'circle.foreground': 'white', 'badge.background': 'rgb(84,110,123)', 'badge.foreground': 'white', 'badge.bordercolor': 'white', 'pulse.color': 'white', 'dialog.button.background.hovering': 'rgb(77, 101, 113)', 'dialog.button.background.active': 'rgb(70, 92, 103)', 'dialog.button.background': 'rgb(84,110,123)', 'dialog.button.foreground': 'white' },}
// Your other init options herenotifyButton: { /* Your other Subscription Bell settings here ... */ enable: true, displayPredicate: function() { /* The user is subscribed, so we want to return "false" to hide the Subscription Bell */ return !OneSignal.Notifications.permission },}
// Your other init options herepromptOptions: { customlink: { enabled: true, /* Required to use the Custom Link */ style: "button", /* Has value of 'button' or 'link' */ size: "medium", /* One of 'small', 'medium', or 'large' */ color: { button: '#E12D30', /* Color of the button background if style = "button" */ text: '#FFFFFF', /* Color of the prompt's text */ }, text: { subscribe: "Subscribe to push notifications", /* Prompt's text when not subscribed */ unsubscribe: "Unsubscribe from push notifications", /* Prompt's text when subscribed */ explanation: "Get updates from all sorts of things that matter to you", /* Optional text appearing before the prompt button */ }, unsubscribeEnabled: true, /* Controls whether the prompt is visible after subscription */ }}
2. ユーザーがすでに通知を許可しているか、すでにサブスクライブしている。ブラウザの設定で、サイトのURLが「通知の送信を許可するサイト」リストに記載されているか確認してください。3. シークレットモード、プライベートブラウザモード、またはゲストブラウザモードになっている。ネイティブPermission Promptは、シークレットモード、プライベートブラウザモード、またはゲストブラウザモードでは表示されません。これらのモードでは、ユーザーは通知にサブスクライブできません。4. Webプッシュ通知をサポートしていないブラウザとデバイスを使用している。Webプッシュをサポートするブラウザとデバイスを使用していることを確認してください。5. iOS/iPadOSの要件が満たされていない。iOSの場合、サブスクリプションのためにユーザーにプロンプトを表示するための追加の要件があります。詳細については、Mobile Web Push for iOS/iPadOSガイドをご覧ください。
