【手順メモ】ZapierでSlackのスタンプをトリガーにしてNotion DBに自動連携する方法

本記事は、Code Polaris Advent Calendar 2024 16日目の記事になります。

背景

• Zapierを触ってみたかった

前提

• Slack、Notion、Zapier それぞれのアカウントを作成している
• 連携するNotion DB（Slackの投稿を保存する）を作成している
• 作成したDB
  • プロパティ：名前、追加日（日付）、タグ（セレクト）
    

手順

1. Zapを作成する

2. Triggerを設定

2-1. Triggerをクリック

2-2. Slackを選択

2-3. Trigger event に「New Reaction Added」を設定

2-4. 連携するSlackアカウントを選択→「許可する」をクリック

赤枠で囲んだ部分に連携したSlackアカウントが表示されたら「Continue」クリック

2-5. Configureの設定

• Channel: Notionに自動保存したいSlackのチャンネル
  • 指定しなければ、全てのチャンネルから投稿をNotionに保存できる
• Reaction: Triggerにしたい任意のスタンプ
  • 本記事では「kihyo(起票)」スタンプを設定
• User: Notionに自動保存できるSlackユーザー
  • 指定しなければワークスペースにいる全てのユーザーが投稿をNotionに保存できる
• 「Continue」クリック
• 「Test trigger」クリック→Testの右横の丸が緑色になればOK

3. Actionを設定

Triggerで取得したSlackのデータを加工するためのActionを設定する。

3-1. 「Action」 をクリック

3-2. 「Formatter」 を選択

3-3. 「Action event」 に 「Text」 を選択

「Continue」をクリック

3-4. Configureの設定

• 「Transform」に「Truncate」を選択
  • Slackの投稿文の一部を取得する
• 「input」に「Message Text」を選択
• Max Length: 取得する文字数を入力
  • 本記事では10文字に設定
• 「Continue」をクリック
• 「Test step」をクリック
  
  
  

3. Notionの設定を行う

3-1. 「+」(Add step)をクリック → Notionを選択

3-2. 「Action event」に「Create Database Item」を選択

3-3. 「ページを選択する」をクリック

3-4. 投稿を保存したいデータベースにチェックを入れる

「アクセスを許可する」をクリック

「Continue」をクリック

3-5. Configureの設定

• 「名前」には、「Output」を設定

  • 加工した投稿内容がページタイトルとして入力される
    

• 「Content」には、以下の2つをを設定

  • 「Message Permalink」（投稿元のリンク）
  • 「Message Text」（Slack の投稿の内容）

• 「タグ」

  • Staticから設定する場合は、前もって作成したDBで設定したセレクトの候補が表示される
    

  • プロパティの種類をセレクトにしてるので、デフォルトに設定できるのはひとつだけ

  • マルチセレクトなら複数設定できる
    

  • Customからも設定できる（特定のチャンネルからの投稿に限定していなければ、Message Channel Nameの場合、セレクトのオプションをあらかじめ設定してなくてもページ作成時にチャンネル名が自動で入ってくれる）

  • Notion側でDBのプロパティに変更を加えたら、Zapierで「Reflesh fields」をクリックする（検索マークの左横）

「Include time with date fields?」にチェックを入れ、「Continue」をクリック

Zapのテストを行う

テストが通ったら「Publish」をクリック

遭遇したエラー

• テストではうまくいったのに、実際にスタンプを押すとNotion DBにページが作成されなかった
• HOME -> Zap Historyを見ると、Stoppedの表示が出ていた

エラーメッセージ

body failed validation. Fix one: body.properties.名前.id should be defined, instead was `undefined`. body.properties.名前.name should be defined, instead was `undefined`. body.properties.名前.start should be defined, instead was `undefined`.

本文の検証に失敗しました。修正 1: body.properties.名前.id を定義する必要がありますが、undefined でした。body.properties.名前.name を定義する必要がありますが、undefined でした。body.properties.名前.start を定義する必要がありますが、undefined でした。

対応

• 作成したのZapを削除して、最初から作り直したら上手く動いた
• 原因は分からない
• 参考記事
  • Notion エラー: 本文の検証に失敗しました。修正: body.properties.Name.id を定義する必要がありますが、undefined.body.properties でした。 | Zapier コミュニティ

挙動確認

generalチャンネルから投稿をした。

Notion DBにページが作成されたのを確認できた。上から2番目はテスト時に作成されたもの。

ページを開くと投稿元のリンクも貼られており、ちゃんと投稿元に飛べた

感想

タグの設定で詰まったりしたが色々試していく中で把握できた。
参考記事の説明が分かりやすかったので1日で基本操作をマスターできた。
今後も日常生活でZapierを活用していきたいと思った。

参考記事

• Zapier で Slack上の 📌 スタンプを押した投稿を Notion DB に自動連携する仕組みを作ってみる