웹훅으로 슬랙 메시지 발송하기

슬랙 앱 생성

메시지를 발송할 슬랙 채널에 웹훅 앱을 먼저 추가합니다.

슬랙에서 새 앱을 생성합니다.

Incoming Webhooks 등록

생성한 앱을 연 뒤 Incoming Webhooks 메뉴로 이동합니다.

토글을 On 으로 변경합니다.

Add New Webhook to Workspace 를 클릭합니다.

그 다음 메시지를 보낼 슬랙 채널을 선택합니다.

Webhook URL 확인

생성된 Webhook URL 을 복사해둡니다.

이 URL은 잠시 뒤 웹훅 캠페인 설정에 사용합니다.

웹훅 캠페인 생성

핵클 대시보드에서 새 웹훅 캠페인을 생성합니다.

요청 정보 설정

Endpoint 설정

앞에서 복사한 Webhook URL 을 붙여넣습니다.

Body 설정

먼저 아래처럼 간단한 메시지로 테스트할 수 있습니다.

{
  "text": "Hello, World!"
}

위 JSON을 Body 입력창에 붙여넣고 저장합니다.

테스트 메시지 발송

설정한 웹훅이 잘 동작하는지 확인합니다.

테스트 메시지 발송하기 버튼을 클릭합니다.

정상적으로 호출되면 아래와 같은 결과를 볼 수 있습니다.

슬랙 채널에서도 메시지가 도착했는지 확인합니다.

개인화 메시지 구성

이제 원하는 시점에 원하는 형태의 슬랙 메시지를 보내도록 Body 를 바꿉니다.

먼저 어떤 이벤트를 트리거로 쓸지 정합니다.

• 대시보드 > 이벤트 조회 로 이동합니다.

• 트리거로 사용할 이벤트를 검색합니다.

• 이벤트와 함께 수집되는 속성을 확인합니다.

• 이벤트 속성과 유저 속성은 개인화에 활용됩니다.

이벤트 속성과 유저 속성이 익숙하지 않다면 속성 가이드 를 참고하세요.

개인화 문법은 Liquid 를 사용합니다.

직접 입력해도 되지만, 익숙하지 않다면 개인화 변수 추가 모달을 사용하는 것이 편합니다.

Slack Message Delivery Body Sample

{
  "fallback": "인앱메시지 노출 알리미 메시지 구성에 실패했어요.",
  "text": "{{event_properties.in_app_message_key | default: "키"}}번 인앱메시지 노출",
  "pretext": "{{event_properties.in_app_message_display_type | default: "알 수 없음"}}",
  "color": "good",
  "attachments": [
    {
      "fallback": "fallback",
      "pretext": "{{event_properties.button_text | default:"버튼 이름"}}에 대하여 {{event_properties.action_type | default: "알 수 없음"}}을 수행하였음",
      "color": "#0065ff",
      "fields": [
        {
          "title": "[인앱메시지 노출 알리미]",
          "value": "인앱메시지 정보는 핵클에서 👉 <http://dashboard.hackle.io/in-app-messages/{{event_properties.in_app_message_id}}/|링크>",
          "short": false
        }
      ]
    }
  ]
}

위와 같이 Body 를 변경하고 캠페인을 저장합니다.

이벤트 기반 발송 설정

웹훅 캠페인에서 발송 설정 버튼을 클릭합니다.

발송 유형은 이벤트 기반 으로 선택합니다.

시작 이벤트는 $in_app_action 으로 설정합니다.

완료

이제 시작하기 를 눌러 웹훅 캠페인을 활성화합니다.

그 다음 대상 인앱메시지에서 닫기 버튼 클릭 같은 액션을 발생시켜 $in_app_action 이벤트를 만들어봅니다.

웹훅이 정상적으로 트리거되면 슬랙으로 메시지가 발송됩니다.