로그인 이벤트 리스너

제품 지원
1

안녕하세요,

클라이언트 포럼에서 사용자 로그인 활동을 추적하려고 합니다. 기본적으로 사용자가 포럼에 로그인할 때마다 자바스크립트 함수가 실행되는 이벤트 리스너(바닐라 JS)를 만들고 싶습니다.

이를 위해 경청할 수 있는 DOM 이벤트가 있을까요?

구글 태그 매니저(Google Tag Manager)에서 이 작업을 수행하려고 합니다.

감사합니다.

2

테마 구성 요소의 common > header 탭에 이와 유사한 코드를 사용할 수 있습니다.

<script type="text/discourse-plugin" version="0.8">
  const user = api.getCurrentUser();

  // user is already logged in, bail
  if (user) {
    return;
  }

  // do your work here...
  const clickCallback = (clickEvent) => {
    console.log(clickEvent);
    alert("user is logging in");
    // ..
    // ..
  };

  api.onAppEvent("modal:body-shown", (event) => {
    const loginButton = document.querySelector("#login-button");

    if (loginButton) {
      loginButton.addEventListener("click", clickCallback, { once: true });
    }
  });
</script>

clickCallback 함수에 필요한 코드를 추가하면, 사용자가 모달 안의 로그인 버튼을 클릭할 때 실행됩니다. 현재 모바일에서는 해당 id가 누락되어 있지만, 이것이 병합되면 수정될 것입니다.

3

조, 답변 정말 감사합니다!