# 외부 봇 시작 및 iframe에서 특정 플로우 트리거

**URL:** <https://meta.discourse.org/t/starting-an-external-bot-and-trigger-a-certain-flow-in-an-iframe/164064>\
**Category:** Support\
**Created:** [9월 15, 2020, 7:36오전 UTC](https://meta.discourse.org/t/starting-an-external-bot-and-trigger-a-certain-flow-in-an-iframe/164064 "2020-09-15T07:36:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Krischan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/krischan/32/47290_2.png) [@Krischan](https://meta.discourse.org/u/Krischan)\
**Post date:** [9월 15, 2020, 7:36오전 UTC](https://meta.discourse.org/t/starting-an-external-bot-and-trigger-a-certain-flow-in-an-iframe/164064/1 "2020-09-15T07:36:16Z")

</div>

제3자 봇을 Discourse 사이트에 포함하여, 사용자가 커뮤니티에 가입하고 회비( [구독 플러그인](https://meta.discourse.org/t/discourse-subscriptions/140818/143) 을 통해)를 지불하기 전에 커뮤니티가 무엇인지 이해할 수 있도록 돕고 싶습니다. 이 봇은 사이트 내 게시물과 CTA(행동 유도)에서 링크/버튼 클릭을 통해 트리거되어 봇에서 사전 정의된 플로우를 시작하도록 구성하고자 합니다.

해당 봇([예시](https://fxo.io/m/d224xnkv))은 iframe을 통해 또는 닫기 body 태그 전에 다음 스크립트를 통해 통합할 수 있습니다:

```
<script src="https://widget.flowxo.com/embed.js" data-fxo-widget="eyJ0aGVtZSI6IiM2N2MxOGUiLCJ3ZWIiOnsiYm90SWQiOiI1ZjYwNmFmZGJhYmU5NjAwNGIwODc4NTMiLCJ0aGVtZSI6IiM2N2MxOGUiLCJsYWJlbCI6IkV4YW1wbGVib3QifX0=" async defer></script>

```

따라서 저(코딩을 하지 않는 사람 😉)는 위의 코드와 함께 특정 ID를 가진 링크가 클릭될 때 특정 플로우를 트리거하는 추가 스크립트를 포함하여 테마 컴포넌트를 구축했습니다:

```
<script type="text/javascript">

        // 먼저 페이지가 로드되기를 기다립니다 
        window.onload = function() {

          // 페이지에서 "mylink"라는 id를 가진
          // 링크에 대한 참조를 가져옵니다
          var a = document.getElementById("mylink");

          // "onclick"에 함수를 할당하여
          // 링크가 클릭될 때 실행될 코드를 설정합니다
          a.onclick = function() {

            // 여기에 코드를 입력하세요...
            FxoMessenger.create();
           FxoMessenger.on('stateChanged', function(state) {
      if (state === 'connected') {
        FxoMessenger.sendMessage('This is the text that triggers the flow in the bot!');
      }
    });
            // 링크가 실제로 브라우저를 다른 페이지,
            // 여기서는 예시로 "google.com"으로 리디렉션하게
            // 하지 않으려면 이 블록의 끝에서
            // false를 반환하십시오.
            // 참고: 이는 이벤트 버블링도 방지하므로,
            // 여기서는 원하는 동작일 가능성이 높지만
            // 항상 그런 것은 아닙니다.
            return false;
          }
        }

```

이것은 이론적으로는 작동하지만, 불행히도 Discourse 게시물에서 링크의 ID가 자동으로 제거됩니다. 이 문제를 해결할 방법이 있을까요? 도움을 주셔서 감사합니다!