2차 도메인을 사용하다 보면 댓글을 입력할 때 로그인이 자꾸 풀리거나 오류가 나는 경험, 한 번쯤 있으시죠? 이건 1차 도메인을 기준으로 로그인 세션을 체크하기 때문인데요. 2차 도메인에서 1차 도메인으로 살짝 넘겨주는 자동 리다이렉트를 설정해 주면 방문자들도 편하게 댓글을 쓸 수 있어요. 사용자 경험도 좋아지고 도메인도 깔끔하게 관리할 수 있어서 SEO에도 걱정 없이 문제를 해결할 수 있답니다.
2차 도메인 댓글 오류, 왜 생기고 어떻게 고칠까요?
티스토리 블로그에 2차 도메인을 입혀서 사용 중이라면 댓글 오류가 생길 수 있어요. 분명 티스토리에 로그인된 상태인데도 막상 댓글을 쓰려고 하면 ‘로그인 에러’가 뜨는 경우죠. 이럴 때는 간단하게 2차 도메인 접속자를 1차 도메인으로 보내주는 리다이렉트 설정을 해주면 댓글 입력의 불편함을 싹 없앨 수 있어요. 티스토리 인증 시스템이 주로 원래 주소인 1차 도메인을 기준으로 작동하기 때문에 생기는 기술적인 문제거든요.
이 문제를 해결하는 방법은 의외로 간단해요. 2차 도메인에서 1차 도메인으로 이동시키는 코드를 적용하면 댓글 작성 시 생기는 로그인 오류를 쉽게 잡을 수 있답니다. 이 리다이렉트 기능을 쓰면 사용자가 댓글을 쓰려고 할 때 자연스럽게 티스토리 메인 도메인으로 이동하게 되어서, 끊김 없이 댓글을 남길 수 있게 도와줘요. 방문자 입장에서도 훨씬 편하겠죠?
댓글 리다이렉트 코드는 어떻게 작동하나요?
댓글 오류를 해결해 주는 자바스크립트 리다이렉트 코드는 보통 두 가지 방식으로 나뉘어요. 하나는 사용자가 버튼을 직접 누르는 방식이고, 다른 하나는 댓글창을 누르면 자동으로 이동하는 방식이에요.
id="login-guide": 이건 방문자에게 “1차 도메인으로 이동해야 해요”라고 알려주는 버튼 역할을 해요. 이걸 누르면 리다이렉트 기능이 작동하죠.redirectToTistory()함수: 이 자바스크립트 함수가 현재 페이지 주소를 확인해서 티스토리의 원래 주소(1차 도메인)로 보내주는 역할을 해요. 이렇게 이동하고 나면 로그인이 안정적으로 유지되어서 댓글을 마음껏 쓸 수 있게 된답니다.
버튼을 눌러서 이동하는 방법 (수동 방식)
이건 사용자가 직접 안내 버튼을 클릭했을 때만 리다이렉트가 되는 방식이에요. 방문자가 의지를 가지고 누르는 거라 갑작스러운 이동을 싫어하는 분들에게 좋을 수 있어요.
!-- 댓글 리다이렉트 안내 버튼 --
div id="login-guide" onclick="redirectToTistory()"
p티스토리 아이디로 댓글을 남기시려면/p
p여기를 눌러주세요!/p
/div
script type="text/javascript"
// redirectToTistory 함수 정의
function redirectToTistory() {
// 현재 페이지의 URL과 targetURL을 합쳐 새로운 URL을 생성
var targetURL = '1차 도메인 주소' + document.location.pathname + '#login-guide';
// 새로운 URL로 페이지를 리다이렉트 (302 임시 리다이렉트 효과)
window.location.href = targetURL;
}
/script
댓글창을 누르면 바로 이동하는 방법 (자동 방식)
방문자가 댓글 입력 칸(`tt-cmt`)을 클릭하는 순간 바로 리다이렉트가 되도록 설정하는 방법이에요. 사용자의 불편함을 가장 최소화할 수 있는 방법이죠. 이 코드는 MutationObserver라는 기능을 써서 댓글창이 화면에 나타나는 걸 감지하는 조금 더 똑똑한 방식을 사용해요.
script type="text/javascript"
var redirectionDone = false;
// ... (중략: MutationObserver 및 DOMContentLoaded 로직) ...
async function redirectToTistory() {
try {
const pcViewMetaTag = document.querySelector('meta[property="article:pc_view_url"]');
if (pcViewMetaTag) {
// 1차 도메인 추출 로직
const pcViewUrl = pcViewMetaTag.getAttribute('content');
const domainOnly = pcViewUrl.match(/^https?://[^/]+/)[0];
const currentPath = window.location.pathname;
const targetURL = domainOnly + currentPath + '#login-guide';
window.location.href = targetURL; // 리다이렉트 실행
} else {
console.error('Meta tag not found');
}
} catch (error) {
console.error('Error during redirection:', error);
}
}
/script
두 가지 방법 비교와 SEO에 미치는 영향
2차 도메인 댓글 오류를 잡는 두 가지 리다이렉트 방식을 비교해 보고, 이게 검색엔진 최적화(SEO)에는 어떤 영향을 주는지도 알아볼게요.
어떤 방식이 나에게 맞을까요?
| 구분 | 버튼 활용 방식 (수동) | 댓글란 활용 방식 (자동) |
|---|---|---|
| 사용자 경험 (UX) | 사용자가 직접 눌러야 이동해요 (명확함) | 댓글 쓰려고 누르면 바로 이동해요 (편리함) |
| 기술적 난이도 | 쉬워요 (기본적인 HTML/JS) | 조금 복잡해요 (동적 요소 감지 필요) |
| SEO 영향 | 직접적인 영향은 적지만 UX 개선에 도움돼요 | 이탈률을 줄여줘서 SEO에 긍정적이에요 |
| 해결되는 문제 | 2차 도메인 로그인 풀림 현상 | 2차 도메인 로그인 풀림 현상 |
이런 자바스크립트 리다이렉트는 서버에서 아예 주소를 바꿔버리는 301 리다이렉트와는 달라요. 잠시 자리를 옮겨주는 302 리다이렉트와 비슷하게 작동한다고 보시면 돼요. SEO 관점에서 보면, 페이지가 검색엔진에 등록되는 데는 아무런 문제가 없고 단순히 방문자가 편하게 쓰도록 도와주는 도구일 뿐이에요. 도메인이 두 개라 걱정되신다면 Canonical 태그를 잘 설정해 두는 게 정석적인 방법이랍니다.
자주 묻는 질문 (FAQ)
Q. 2차 도메인 댓글 오류 해결 코드가 SEO에 안 좋은 영향을 주진 않을까요?
이 코드는 댓글을 쓰려고 할 때만 잠깐 자바스크립트를 이용해 1차 도메인으로 보내주는 역할을 해요. 검색엔진 로봇은 댓글을 쓰지 않기 때문에 이 코드를 실행하지 않죠. 그래서 블로그 글의 노출 순위나 색인에는 전혀 나쁜 영향을 주지 않아요. 순전히 방문자를 편하게 해주기 위한 조치라고 생각하시면 돼요.
Q. 2차 도메인 쓸 때 Canonical 태그를 1차 도메인으로 해두면 댓글 오류도 해결되나요?
Canonical 태그는 “이 글의 진짜 주인은 여기예요”라고 알려줘서 중복 문서 문제를 막아주는 SEO 도구예요. 하지만 댓글 오류 같은 로그인 세션 문제까지 해결해주지는 못해요. 댓글 오류는 티스토리 내부 시스템이 2차 도메인에서 인증을 잘 못해서 생기는 거라, 리다이렉트 스크립트 같은 별도의 처리가 꼭 필요해요.
Q. 1차 도메인 주소를 직접 적는 것보다 메타 태그로 가져오는 게 더 좋은가요?
네, 맞아요. 메타 태그(`article:pc_view_url`)를 이용해서 1차 도메인을 자동으로 가져오는 방식을 쓰면 훨씬 편해요. 나중에 혹시라도 1차 도메인 주소가 바뀌더라도 코드를 일일이 수정할 필요가 없거든요. 관리하기도 편하고 장기적으로 봤을 때 훨씬 안정적인 방법이라 추천드려요.
