커뮤니티 오픈채팅방 문의사항 Make로 자동화 - 뉴스레터 그리고 네이버 블로그 작성하기 #최종편

소개

안녕하세요! 푸르공입니다! 👋

지난 포스트에서 소개해드린 오픈채팅방 문의사항 자동화 시스템의 마지막 이야기를 가져왔습니다!

이번에는 커뮤니티에 쌓인 Q&A 데이터와 질문 데이터베이스를 활용하여 뉴스레터와 네이버 블로그를 자동으로 작성하는 이야기입니다!

커뮤니티의 질문과 답변만으로도 충분히 가치가 있지만, 채팅방에서 일주일 동안 이뤄진 응답 완료된 질문들을 메일링으로 활용하여 제가 별도로 관리하는 메일링 리스트로 뉴스레터를 보내면 어떨까 하는 생각이 들었습니다.

여기에 더해 네이버 블로그에도 비슷한 내용을 자동으로 포스팅하면 새로운 리드마그넷으로 활용할 수 있겠다고 판단했습니다. 🧲

진행 방법

모바일 애플리케이션의 다른 부분을 보여주는 다이어그램

새로운 워크플로우는 다음과 같이 구성했습니다:

노션 질문 데이터베이스에서 지난 일주일간의 질의응답을 조회

  • 매주 수요일 오전에 뉴스레터 발행 예정

  • 매주 화요일에 시나리오 실행

  • 조회 범위는 지난주 월요일부터 일요일까지

2020 년 2 월 한국 일정

노션 블록을 사용하기 좋은 JSON 형태로 변환

  • 노션 블록은 항상 Make에서 다루기가 복잡하더라고요....

  • 간단한 JSON 형태로 미리 준비해두면 템플릿 활용이 훨씬 수월합니다!!

  • 또한 Make에서 복잡한 구조의 데이터를 직접 처리하기에는 비효율적이라, 간단한 자바스크립트를 활용할 수 있는 제 서비스를 이용했습니다 😅

  • 노션 블록을 Claude에게 전달하고 간단한 자바스크립트 작성을 요청했어요! 👇

function extractNotionData(jsonString) {
    var pages = JSON.parse(jsonString);
    
    return pages.map(function(page) {
        var props = page.properties_value;
        
        // Format date to YYYY-MM-DD
        function formatDate(dateString) {
            var date = new Date(dateString);
            return date.getFullYear() + '-' + 
                   String(date.getMonth() + 1).padStart(2, '0') + '-' + 
                   String(date.getDate()).padStart(2, '0');
        }
        
        // Extract title
        var title = '';
        if (props['Question 1'] && props['Question 1'].length > 0) {
            title = props['Question 1'][0].plain_text;
        }
        
        // Extract content
        var content = '';
        if (props['질문 내용'] && props['질문 내용'].length > 0) {
            content = props['질문 내용'][0].plain_text;
        }
        
        // Extract tags (just names)
        var tags = [];
        if (props.Tag && Array.isArray(props.Tag)) {
            tags = props.Tag.map(function(tag) {
                return tag.name;
            });
        }
        
        return {
            id: page.id,
            link: page.public_url,
            title: title,
            content: content,
            tags: tags,
            status: props.Status ? props.Status.name : '',
            asker: props['질문 주신분'] ? props['질문 주신분'].name : '',
            createdTime: formatDate(page.created_time),
            lastEditedTime: formatDate(page.last_edited_time)
        };
    });
}

ConvertKit에서 지원하는 HTML 생성

  • 뉴스레터 특성상 인라인 CSS로 HTML을 생성합니다.

  • ConvertKit v4 API를 활용하여 초안을 생성합니다.

  • 저는 100% 자동화는 지양하는 편입니다. 이메일 발송 하루 전에 작성하고 자체 리뷰 과정을 거친 후 발행할 예정이라 발행 일자는 비워두고 생성합니다.

⚠️ Make 커스텀 앱 만드는 과정은 지난번 스터디 글을 참고해 주세요! 👇

Make에서 HTTP모듈 없이 Runway API 사용하기 👨🏻‍💻

네이버 블로그에서 지원하는 HTML 생성

  • 이번 자동화를 하면서 '네이버 블로그도 Make로 자동화가 가능할까?' 하는 의구심이 들었어요 🤔

  • 역시나 가능하더라고요!!! Make만 있으면 충분합니다. 파이썬이나 셀레니움도 필요 없어요!

  • 아직 안정화가 필요하지만, 개인적으로 사용하면서 실험해 볼 예정입니다.

⚠️ Make 커스텀 앱 만드는 과정은 지난번 스터디 글을 참고해 주세요! 👇

Make에서 HTTP모듈 없이 Runway API 사용하기 👨🏻‍💻

단어와 함께 한국 소셜 미디어 앱의 스크린 샷

결과와 배운 점

우선 목표로 했던 아래 3가지 큰 시나리오를 완성할 수 있어서 정말 기쁩니다!

  • 오픈채팅방 문의사항을 Make로 자동화하고 Notion으로 DB화하기

  • Slack 음성 메시지를 활용한 답변 초안 작성

  • CS 내용을 기반으로 한 뉴스레터 초안 작성

물론 뉴스레터와 블로그 SEO 관리 등 개선할 점이 많지만, 큰 틀을 완성할 수 있어서 무척 기쁩니다.

지난번 스터디에 참여하면서 Make를 처음 접했는데, 이런저런 다양한 시도를 해보면서 역시 Make를 활용할 수 있는 분야가 정말 무궁무진하다는 걸 실감하고 있어요!

상상하는 건 뭐든 가능한 Make!

감사합니다!! 🙇🏻‍♂️

도움 받은 글

https://www.gpters.org/nocode/post/keomyuniti-opeuncaetingbang-munyisahang-makero-jadonghwahago-notioneuro-v3bHKj3U7bFCiv9

https://www.gpters.org/nocode/post/make-x-notion-improvement-G2R8WH0OpRff9q1

https://www.gpters.org/nocode/post/make-x-notion-improvement-8altdiWVVt0T7i2

https://www.gpters.org/nocode/post/community-open-chat-room-pNeOUdtBw1fYOBK

https://www.gpters.org/nocode/post/using-runway-api-http-S1vw1aQwsycJSmn

3
2개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요