ブログ記事が更新されたら、Slackに通知を送信する

ブログ記事が更新されたら、Slackに通知を送信する

ページをコピーする

Shopify Flowでブログ記事の更新通知を設定し、Workflow Trigger Extensionsを使用してブログのタイトルと本文をSlackに送信します。

概要

Shopifyのブログ記事が更新されるたびに、コンテンツチームにSlackで通知したい場合は、このワークフローをご利用ください。この設定では、Workflow Trigger Extensionsがブログ記事の変更を検知し、Shopify Flowが「**ブログ記事の更新」**トリガーでワークフローを開始し、Flow Transactional Emailが更新されたブログ記事のタイトルと本文をSlackワークフローのWebhookに送信します。

動画ガイド

始める前に

  • Shopifyの管理画面に、Workflow Trigger Extensionsがインストールされています。
  • Shopify Flow をご利用いただけます。
  • SlackワークフローのWebhook URLの準備が整いました。
  • あらかじめ設定済みのHTTPリクエストからShopifyリクエストを送信したい場合は、「Flow Transactional Email」アプリがインストールされている必要があります。の基本プランをご利用でない場合でも、「Shopify」フロー自体からHTTPリクエストを送信することができます。

「ブログ記事の更新」トリガーを有効にする

Shopifyの管理画面で、**「Apps」を開き、「Workflow Trigger Extensions」を選択してください。「トリガー」を開き、検索フィールドに「Blog」と入力して、「Blog Post Update」**を有効にしてください。

アプリに「ブログとページ」へのアクセス権がまだない場合、Shopifyがその場でアクセス権を要求します。ダイアログで承認すると、トリガーが有効になります。このトリガーから始まる「Shopify Flow」ワークフローを有効にすると、トリガーも同時に有効になります。

これにより、アプリがあなたのブログ投稿を監視し、Shopify Flow で「**ブログ投稿の更新」**ワークフローを開始するようになります。

「トリガー」ページで「ブログ」を検索し、「ブログ記事の更新」をオンにしました
トリガー、検索対象:ブログ「ブログ投稿の更新」をオンにします。

Slackのワークフローを作成します

Webhookをトリガーとして動作するSlackワークフローを作成します。Webhookの設定では、titleやbodyなど、Slackに送信したいコンテンツに対応する変数を定義してください。

次に、コンテンツチームのチャンネル(例:#content-team)にメッセージを送信するアクションを追加してください。そうすることで、チームが更新された投稿を確認し、適切な対応をとることができます。

タイトルと本文の変数を含むSlackワークフローのWebhookトリガー
タイトルと本文の変数を含むSlackワークフローのWebhookトリガー
コンテンツチームのチャンネルにメッセージを送信するSlackワークフローアクション
コンテンツチームのチャンネルにメッセージを送信するSlackワークフローアクション

Shopify Flow を作成してください

Shopify Flowを開き、新しいワークフローを作成してください。トリガーピッカーで、「Workflow Trigger Extensions」のトリガーから「**Blog Post Update」**を選択してください。

Shopify Flow Workflow Trigger Extensionsの「ブログ投稿の更新」トリガーを使用したワークフロー
Shopify Flow Workflow Trigger Extensionsの「ブログ投稿の更新」トリガーを使用したワークフロー

ShopifyプランでFlowの組み込み機能である**「HTTPリクエストの送信」**アクションがサポートされていない場合は、代わりにFlowの「**トランザクションメール」アプリから「HTTPリクエスト」**を選択してください。これにより、あらかじめ設定されたリクエストからSlack Webhookを送信できるようになります。

Shopify Flow FlowトランザクションメールからのHTTPリクエストを表示するアクションピッカー
Shopify Flow Shopify FlowのトランザクションメールからのHTTPリクエストを表示するアクションピッカー

Shopify Flow で HTTP リクエストを設定する

「Flow Transactional Email」で、「**HTTP リクエスト」**に移動し、Slack ワークフロー用のリクエストを作成してください。詳細については、の「Flow Transactional Email を使用して HTTP リクエストを行う方法」 をご覧ください。

  • 名前:Blog Post Updated Slack Webhook のような、わかりやすいもの
  • **URL:**ご自身のSlackのWebhook URL
  • HTTPメソッド:POST
  • ヘッダー:Content-Type = application/json
Slack Webhook 向けの Shopify Flow トランザクションメール HTTP リクエスト設定
Slack Webhook 向けの Shopify Flow トランザクションメール HTTP リクエスト設定

その後、Shopify Flow に戻り、ブログ記事のデータをリクエスト本文にマッピングしてください。「**ブログ記事の更新」**トリガーから記事フィールドを使用することで、Slack に更新されたタイトルとコンテンツが送信されます。

css
{
  "body": {
    "title": "{{article.title}}",
    "body": "{{article.body}}"
  }
}
Shopify Flow での HTTP リクエストアクションにより、更新されたブログのタイトルと本文を Slack に送信します
Shopify Flow における HTTP リクエストアクションで、更新されたブログのタイトルと本文を Slack に送信します

Slackのメッセージは次のようなものです

Shopify Flowが実行されると、SlackはShopifyから更新されたブログ記事のタイトルと本文を受け取ります。コンテンツ担当チームは、ブログを手動で確認することなく、変更内容をすぐに確認することができます。

更新されたブログ記事のタイトルと内容が記載されたSlackメッセージ
更新されたブログ記事のタイトルと本文が表示されたSlackのメッセージ

推奨されるワークフローの構成

  1. Workflow Trigger Extensions 「ブログ記事の更新」トリガーを通じて、ブログ記事の更新を検知します。
  2. Shopify Flow 「**ブログ記事の更新」**トリガーから始まります。
  3. Flow Transactional Emailは、POSTリクエストをSlackワークフローのWebhookに送信します。
  4. **Slackは、**コンテンツチームのチャンネルにブログのタイトルと本文を投稿します。

トラブルシューティング

Workflow Trigger Extensions の**「トリガー」で「ブログ投稿の更新」**がオンになっていること、および「**権限」**ページで「ブログとページへのアクセス」が許可されていることを確認してください。

Slackのワークフローで引き続き**「Webhookからの送信」**が使用されていること、WebhookのURLが正しいこと、およびShopify FlowのトランザクションメールリクエストでPOSTとContent-Type: application/jsonが使用されていることをご確認ください。

Shopify Flowアクションがトリガーデータを正しくマッピングしていることを確認してください。リクエストボディには、更新された記事の値が渡される必要があります。例えば、{{article.title}} や {{article.body}} といった形式です。