티스토리 블로그 2차 도메인 사용시 댓글 오류 문제 해결 방법

티스토리 2차 도메인 댓글 오류 해결 [로그인 리다이렉트 적용 방법]

티스토리 2차 도메인 댓글 오류

티스토리 블로그에서 2차 도메인을 사용중이라면 댓글 오류가 발생할수 있습니다. 댓글 입력시 티스토리 블로그에 로그인 상태에서도 댓글 입력시 로그인 에러가 발생하는 경우 입니다. 이경우는 간단히 2차 도메인에서 1차 도메인으로 리다이렉트 해주게 되면 댓글 입력시 불편함을 해소할수 있습니다.

티스토리 블로그에서 2차 도메인을 사용 중일 때 발생할 수 있는 댓글 오류 문제에 대해 설명드리겠습니다.

해결 방법

이 문제를 해결하는 방법은 간단합니다. 2차 도메인에서 1차 도메인으로 리다이렉트하는 방법을 적용하면 댓글 작성 시 발생하는 로그인 오류를 쉽게 해결할 수 있습니다. 리다이렉트 기능을 활용하면, 사용자가 댓글을 작성하려 할 때 티스토리의 메인 도메인으로 이동하면서 댓글 작성이 원활하게 이루어지도록 할 수 있습니다.

다음은 이를 해결할 수 있는 리다이렉트 코드입니다:

코드 설명

• id="login-guide": 이 HTML 요소는 사용자가 댓글을 작성하려면 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로 페이지를 리다이렉트
        window.location.href = targetURL;
    }
</script>

예: 댓글을 입력하려고 댓글란을 클릭하면 자동 리다이렉트 하는 코드

        <script type="text/javascript">
                var redirectionDone = false;

                document.addEventListener('DOMContentLoaded', function () {
                    setTimeout(async function () {
                        const observer = new MutationObserver(async function () {
                            const editableDiv = document.querySelector('.tt-box-textarea .tt-inner-g .tt-cmt');

                            if (editableDiv) {
                                editableDiv.textContent = '댓글란을 클릭하면 자동으로 티스토리로 로그인됩니다';

                                editableDiv.addEventListener('click', async function () {
                                    editableDiv.textContent = '';
                                    if (!redirectionDone) {
                                        await redirectToTistory();
                                        redirectionDone = true;
                                    }
                                });

                                observer.disconnect();
                            }
                        });

                        observer.observe(document.body, { childList: true, subtree: true });
                    }, 100);
                });

                async function redirectToTistory() {
                    try {
                        const pcViewMetaTag = document.querySelector('meta[property="article:pc_view_url"]');
                        if (pcViewMetaTag) {
                            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>