> For the complete documentation index, see [llms.txt](https://store-help.nhn-commerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://store-help.nhn-commerce.com/app/counsel/kakao_friend_talk/05.md).

# 오로라 개별형 스킨 패치 가이드

{% hint style="info" %}
기본 스킨 또는 <mark style="background-color:yellow;">기본 스킨 버전 1.2.20</mark>, <mark style="background-color:yellow;">CDN 버전 1.2.16</mark> 이후 복제된 코드인 경우에는 아래 가이드 코드가 반영되어 있습니다.&#x20;
{% endhint %}

## 릴리즈 노트&#x20;

* [v1.1.10 ✨ channelType, trackingKey 설정 전체페이지 적용](https://nhnent.dooray.com/share/pages/mBkooLTRTNCCyxUNdS9_HA/3849367384733431280)
* [v1.2.20 🩹 로그인/sns로그인 시 trackingKey 추가 Historical release](https://nhnent.dooray.com/share/pages/mBkooLTRTNCCyxUNdS9_HA/3891448782509633092)

***

## 적용 방법

* 페이지 진입 시 파라미터에 <mark style="background-color:yellow;">trackingKey</mark> 가 있을 경우 세션 스토리지에 값을 저장하는 로직을 수행합니다.&#x20;

```
// [pc|mobile]/partials/common-header.js
(() => {
    const searchParams = new URLSearchParams(location.search);
    const trackingKey = searchParams.get('trackingKey');

    const { setTrackingKey } = ShopbySkin.utils;
    setTrackingKey(trackingKey);
 })();
```

* 세션 스토리지에 저장된 <mark style="background-color:yellow;">trackingKey</mark> 값을 가져와서 로그인 처리 과장에서 값을 전달해 줍니다.&#x20;

```
// [pc|molbile]/partials/sign-in-form.js
(() => {
    const { pageHelper, utils } = ShopbySkin;
    const signInHelper = pageHelper.signInHelper();

    // handleSignInSubmit 함수 수정
    const handleSignInSubmit = async (params) => {
        const trackingKey = utils.getTrackingKey();
        
        const { data } = await signInHelper.signIn({
          payload: {
            requestBody: {
              memberId,
              password,
            },
            queryString: {
              ...(trackingKey && { trackingKey }),
            },
          },
        });
    }
})();
```