# 추천 2단계 3) 스크립트형/데이터 호출형

고객사에서 추천되는 상품을 제어하거나 또는 추천상품과 관련된 전시 영역의 디자인에 수정이 필요한 경우 스크립트 방식 또는 데이터 호출 방식을 사용할 수 있습니다.

## **추천 유형별 차이점** <a href="#id-1436720584" id="id-1436720584"></a>

그루비에서는 제공하는 AI 상품 추천은 3가지 유형으로 나눌 수 있으며 유형별 특징은 아래와 같습니다.

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/0ltwrq46e9/1661910357611/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/0ltwrq46e9/1661919343208/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/0ltwrq46e9/1661919203872/image.png" alt=""><figcaption></figcaption></figure>

***

## **우리 쇼핑몰은 어떤 형식을 사용해야 하나요?** <a href="#id-4135222226" id="id-4135222226"></a>

* 그루비에서 제공하는 디자인에서 약간만 수정하고 적용하면 우리 사이트에 잘 어울릴 것 같아요 👉 **DIV 형식 사용**
* 우리 사이트에만 맞는 추천 영역을 직접 구성하고 그루비에서 제공하는 기본 정보 외에 추천 영역에 추가해서 사용하고 싶어요. 추천 상품은 페이지가 로딩될 때 한 번만 갱신돼도 괜찮아요. 👉 **스크립트형 사용**
* 우리가 원하는 순간에 사이트에 맞는 추천 영역을 직접 구성하고 그루비에서 제공하는 기본 정보 외에 추천 영역에 추가해서 사용하고 싶어요 👉 **데이터 호출형 사용**

***

## **스크립트형 추천 적용 사례** <a href="#id-1123054860" id="id-1123054860"></a>

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/5cqit12xkm/1625817861701/di-v-02-4-2-x.png" alt=""><figcaption></figcaption></figure>

\
스크립트형 추천 사용을 위한 자세한 연동 방법은 [개발자 가이드 > 스크립트형 추천](https://docs.groobee.ai/developer-guide/script-guide/ai-recommendation/script)을 참고하세요.

***

## **데이터 호출형** **추천 적용 사례** <a href="#id-1302660866" id="id-1302660866"></a>

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/0ltwrq46e9/1661919497069/image.png" alt=""><figcaption></figcaption></figure>

\
데이터 호출형 추천 사용을 위한 자세한 연동 방법은 [개발자 가이드 > 데이터 호출형 추천](https://docs.groobee.ai/developer-guide/script-guide/ai-recommendation/data-request)을 참고하세요.