인스타 인앱 웹페이지 반복 로그인 문제

문의 시, 사용하시는 개발환경과 디벨로퍼스 앱ID를 알려주세요.

개발 환경(프론트)

  • 언어 및 프레임워크: React, Next.js
  • 상태 관리: Zustand, React Query
  • 폼 관리: React Hook Form
  • 스타일링: Tailwind CSS
  • 배포 환경: Vercel

개발환경(백엔드)
Node.js / TypeScript / NestJS

디벨로퍼스 앱ID : 1111520

안녕하세요 담당자님 따뜻한 5월 잘 보내고 계실까요?
현재 저희는 인스타그램 인앱에서 인스타 스토리 광고 진행하여 웹페이지 페이지로 유입시키고 있습니다.
관련 링크 : https://rapidclass.co.kr/free/61

다만, 5월달부터 인스타 인앱에서 웹페이지 접속 시에 지속적으로 로그인 정보가 저장되지 않아 매번 카카오 계정을 입력하여 로그인을 해야하는 문제가 발생되고 있습니다. 캡차 인증도 포함됩니다.
해당 문제는 갤럭시에서만 발생됩니다.

인스타인앱에서 카카오 계정 데이터가 저장이 되지 않는 문제라고 보기에는 경쟁사 플랫폼에서는 저장이 되어 카카오 자동로그인까지 이어집니다.
경쟁사 웹페이지 : https://cyclehackers.com/product/251006/?utm_source=meta&utm_medium=cpm&utm_campaign=dabi&utm_content=동영상3&utm_id=120212544763680634&utm_term=120212544763670634&fbclid=PAQ0xDSwKPZSxleHRuA2FlbQEwAGFkaWQBqxSsaPkrmgGn4KTjOiMGfKzGyB2w6j2la1PJopZJB5LPoxS5W-oBNyLlSIuKMBDE6kUjQMI_aem_7fBgoEkh8A0B_ss63WrFvA

무엇 때문에 저희 웹페이지에서만 인스타 인앱 접속 시에 로그인 데이터가 저장되지 않고 반복적으로 카카오 아이디와 비밀번호를 요청하는 것일까요?

이해를 돕기 위하여 경쟁사와 웹페이지와 비교되는 영상을 첨부드립니다.
저희 플랫폼에서는 로그인 정보를 요구하고 경쟁사 플랫폼에서는 카카오 로그인 정보가 저장되어 바로 강의 신청 페이지로 이동됩니다.

https://sparkly-wave-49a.notion.site/1f28695ba18180c7ab4ff0b62f3fa5c4?pvs=4

안녕하세요.

우선, 영상을 살펴봤는데요.
경쟁사의 바로 신청 버튼클릭 시, 카카오 로그인 시도하지 않는데요.
단지 해당 사이트에 로그인 되어 있는 상황으로 보입니다.


경쟁사든 운영하시는 서비스든 카카오 계정 로그인 페이지에서 로그인하게되면 로그인은 유지됩니다.

재가 재현해보니 경쟁사에서 카카오 로그인하고
운영하시는 서비스 로그인 시도하면 별도 ID/PW 입력 없이 동의창이 바로 표시됩니다.

로그인 유지는 운영하시는 사이트 세션 타임아웃 종속적이며 세션이 만료되면 다시 로그인해야합니다.
이는 카카오와 무관한 구축하신 사이트 종속적 기능입니다.

그리고 캡차 인증이 포함되는 것은 카카오계정에서 비정상적 로그인 시도라 판단한 경우 그럴 수 있습니다.
혹시, 다양한 계정으로 바꿔가며 로그인시도 하셨을까요?

카카오 로그인 자체는 정상 작동하므로 특별히 이상한점은 안보이는데요.
첨부하신 영상은 카카오 로그인간 비교가 아니므로 한번 확인해보시면 좋을 것 같습니다.

갤럭시 기종 인스타 인앱만 문제가 있다고 말씀드렸지만 갤럭시 기종 삼성인터넷에서도 같은 문제가 발생합니다 혼동드려 죄송합니다. 갤럭시 기종 크롬 브라우저에서는 카카오 로그인 ID/PW정보 재요구가 발생되지 않습니다.

안녕하세요 친절한 답변 감사합니다.

항목 별로 분류하여 재질문 드립니다.

  1. 경쟁사 바로 신청 버튼클릭 시, 카카오 로그인 시도하지 않는 이유
  • 이미 카카오 로그인 데이터가 남아있기 때문에 바로 신청 클릭 시에 동시에 로그인 처리가 되어 강좌가 신청처리 됩니다.
  1. 현재 운영하는 웹페이지 세션은 유지 기간
  • 이미 세션 타임아웃 관련하여 장시간으로 개발을 해두었습니다. 때문에 갤럭시 인스타 인앱 / 삼성 인터넷 외에 다른 브라우저나 아이폰에서는 자동로그인 처리가 되어 로그인을 요구하는 화면이 업로드 되지 않습니다.

이미 로그인을 하였지만 로그인 정보를 재요구하는 상황은 갤럭시 기종 인스타 인앱과 삼성 인터넷 브라우저에서만 발생되어 이 점을 문의 드립니다.

  1. 캡차 인증 포함 관련
  • 하나의 기종에서 하나의 계정으로만 로그인을 시도하였습니다.

첨부한 영상은 카카오 로그인간 비교용이 아닌 카카오 로그인 데이터가 남아 자동 로그인 처리가 되는 경쟁사와 다르게 저희 웹페이지만 2차인증까지 마쳤음에도 불구하고 재로그인을 요구하는 상황이 반복되는 점을 보여드리기 위해 전달드렸습니다ㅠ

  • 세션은 장기간으로 이미 설정해두었습니다.
  • 갤러시 기종 인스타 인앱과 삼성 인터넷 브라우저 외 아이폰과 다른 웹브라우저에서는 카카오계정 로그인을 재요청 하지 않습니다.
  • 갤럭스 인스타 인앱과 갤럭시 삼성인터넷 브라우저에서만 카카오로그인 데이터가 저장되지 않아 재로그인을 요청합니다.
  • 4월달에는 해당 문제가 발생되지 않다가 5월부터 해당 문제가 발생되고 있습니다.

번거로우시겠지만 이 점 다시 살펴봐주시고 원인이 있다면 답변 부탁드리겠습니다:)

이미 로그인을 하였지만 로그인 정보를 재요구하는 상황은 갤럭시 기종 인스타 인앱과 삼성 인터넷 브라우저에서만 발생되어 이 점을 문의 드립니다.

인스타그램 인앱브라우저내 카카오계정 로그인이 되어 있다면 (카카오로그인으로 한번 카카오측에 로그인 했다면)
별도 ID/PW 입력 없이 로그인 가능합니다.

저도 갤럭시 S22 인스타그램앱으로 정상작동 확인하였는데요.

특정기기만 그렇다면 해당 기기 설정 종속적일듯한데요. ID/PW 재입력 요구하는 화면 영상 첨부 가능하실까요?
(ID/PW 입력해 카카오 로그인 성공하고, 다시 ID/PW 요구하는 화면 동선)

  • 하나의 기종에서 하나의 계정으로만 로그인을 시도하였습니다.

그렇다면 여러차례 로그인 ID/PW 오타 입력 했거나 해당 기기가 테스트 전용폰인지 개인폰인지도 알려주시겠어요?

안녕하세요 담당자님, 답변 감사합니다.

주제를 벗어나서 죄송합니다만 우선적으로 해결이 시급한 사안부터 재질문드리겠습니다.

기존에 첨부드린 영상
https://sparkly-wave-49a.notion.site/1f28695ba18180c7ab4ff0b62f3fa5c4

8초대를 보면 카카오 로그인 화면에서 간편가입 버튼이 보이지 않습니다.
기존에는 간편가입 버튼이 존재했는데 갑자기 사라져서 로그인 과정에서 많은 이탈이 일어나고 있습니다.

혹시 이 문제는 어떤 문제로 발생되는지 확인 가능하실까요?

안녕하세요.

페이스북 및 인스타그램 인앱브라우저에서 JS SDK authorize 호출 시,
올해 2023년 3월 부터 카카오톡 앱이 호출안되는 상황이 있었고
분석해보니 인텐트 스킴 표준 스펙에서 HOST/URI-path 는 생략 가능하나 생략한 경우 페이스북 및 인스타그램 인앱브라우저에서 에러 처리 하는 것으로 확인되었습니다.

관련하여 안내 했으나 반영되지 않아
페이스북 및 인스타그램 인앱브라우저는 고객 편의상 카카오 계정로그인으로 대체되었습니다.

이는 페이스북 및 인스타그램 인앱브라우저 지원 상황에 따라 의도적으로 처리된 내용입니다.

감사합니다.

안녕하세요.

인스타그램 인앱브라우저에서는 카카오톡 앱 실행 스킴을 호출하면 에러 발생합니다.
그래서 [카카오톡으로 로그인] 버튼은 어떤 사이트건 인스타그램에서는 노출되지 않습니다.

참고 부탁드려요.

1개의 좋아요