# カスタムボタン

⚠️ カスタムボタンは Web と Android でのみ利用可能です。iOS のネイティブ通知ではサポートされていません。

## カスタムアクションボタンを有効にする

通知を作成すると、「インタラクション」セクション内に「カスタムボタン」オプションが表示されます。まず、通常どおり Primary Landing URL を入力し、その後スイッチを有効にして `カスタムボタン` 設定セクションを表示します。

## アクションボタンの設定

すべての通知には少なくとも 1 つのボタンが必要です。各ボタンには設定する 3 つの要素があります: 

| 項目        | 定義                                                                                                          |
| --------- | ----------------------------------------------------------------------------------------------------------- |
| **アクション** | 購読者がボタンをクリックしたときに発生する内容です。「URL を開く」は、入力した指定ページへ購読者を送ります。「通知を閉じる」は通知を非表示にし、購読者のアクションセンターまたは通知トレイから削除します。     |
| **ラベル**   | 購読者が通知のボタン上で見るテキストです。このボタンをカスタマイズして、配信コンテンツに最も適した行動喚起を提供してください。                                             |
| **URL**   | 購読者がアクションボタンをクリックしたときに遷移する先です。上で入力した Primary Landing URL を使用することも、スイッチをオフにしてこのアクションボタン専用の URL を入力することもできます。 |

### 1 つ目のボタンを変更する

カスタムボタンを有効にすると、1 つ目のボタンは `URL を開く` アクションと `今すぐ読む` ラベルがデフォルトで設定されます。また、ボタンがクリックされたときに購読者を Primary Landing URL に直接送るように設定されます。これらの動作はいずれも、通知コンテンツに最も関連する動作を提供するためにカスタマイズできます。

![ボタン 1 は、すでに設定されている Primary Landing URL を使用します。](https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FlwTjLUI7lFJ6tMa0i7He%2FScreen%20Shot%202021-11-22%20at%2011.04.32%20AM.png?alt=media\&token=5b72e06e-6b8d-41f2-ae29-10d57f33a7ea)

### 2 つ目のボタンを追加する

を押して `ボタンを追加` オプションを選択し、カスタマイズ用の 2 つ目のボタンを作成します。以下のとおり、CTA として `オプション 2` をこのラベルに使用します

ラベルを入力したら、そのボタンを利用した際に購読者を送信したい URL を入力します。 `オプション 2` ボタン。 この例では、 `landingpage-2.com/example` へ移動し、使用中の Primary Landing URL ではありません。

![](https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FVgTDVBZBfVtzo28oqhhL%2FScreen%20Shot%202021-11-22%20at%2011.07.42%20AM.png?alt=media\&token=a1c2573f-e926-4315-af5c-0e89b99bd559)

インラインプレビューで、購読者に表示される内容を確認できます:

![](https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FphessAuNCJNpAiQxMWga%2FScreen%20Shot%202021-11-22%20at%2011.09.40%20AM.png?alt=media\&token=98275758-40df-4380-9c3a-9d25d215cc59)

上記の例では、購読者が 通知のどこか、または `オプション 1` ボタンをクリックすると、 `Primary Landing URL`へ送られます。もし `オプション 2` ボタンをクリックすると、 `landingpage-2.com/example`.

### 通知を閉じる動作を設定する

ボタンをクリックした際に購読者へ通知を閉じるオプションを提供したい場合は、単に `アクション` ドロップダウンを `通知を閉じる` に Button 2 で変更し、ラベルを更新してください。 

![](https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FeR2cQ6F6vlIPPAdtVgc1%2FScreen%20Shot%202021-11-22%20at%2011.11.07%20AM.png?alt=media\&token=1f173e20-aef3-4f50-9d63-f421cfdbf439)

## 既定のボタンラベルを変更する

1 つ目のボタンのラベルは、デフォルトでアカウントマネージャーによって設定されています。これを変更するには、 `通知タブ`の下にあるドメイン設定にアクセスします。そこで  `編集` をクリックし、Button Defaults セクションで別のラベルを入力できます。

{% hint style="danger" %}
**閉じる前に、必ず `送信` ボタンをクリックして、変更が保存されるようにしてください。**
{% endhint %}