From cea60e70dbd584d219f3d533b916cdee1b56f0c8 Mon Sep 17 00:00:00 2001
From: hbyang <hbyang@o2o.kr>
Date: Fri, 21 Aug 2026 10:45:15 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=EC=98=81=EC=83=81=20=EC=A2=85?=
 =?UTF-8?q?=EB=A3=8C=203=EC=B4=88=20=EC=A0=84=20=EA=B3=B5=EC=8B=9D=20?=
 =?UTF-8?q?=ED=99=88=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A7=81=ED=81=AC=20?=
 =?UTF-8?q?=EC=98=A4=EB=B2=84=EB=A0=88=EC=9D=B4=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- VideoDetailItem/VideoListItem에 official_site_url 필드 추가
- 플레이어 onTimeUpdate로 잔여 3초 감지, 링크 카드 오버레이 노출
- official_site_url이 null이면 오버레이 미렌더링

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DKTAqpFj8pbWzgvq7MRDHk
---
 src/components/VideoDetailContent.tsx | 54 ++++++++++++++++-----
 src/locales/en.json                   |  1 +
 src/locales/ko.json                   |  1 +
 src/styles/contents-social.css        | 69 +++++++++++++++++++++++++--
 src/types/api.ts                      |  2 +
 5 files changed, 110 insertions(+), 17 deletions(-)

diff --git a/src/components/VideoDetailContent.tsx b/src/components/VideoDetailContent.tsx
index 5085b2e..ef36916 100644
--- a/src/components/VideoDetailContent.tsx
+++ b/src/components/VideoDetailContent.tsx
@@ -33,6 +33,7 @@ const VideoDetailContent: React.FC<VideoDetailContentProps> = ({ videoId, isModa
 
   const [copied, setCopied] = useState(false);
   const [isLandscape, setIsLandscape] = useState(false);
+  const [showSiteOverlay, setShowSiteOverlay] = useState(false);
   const [showLoginModal, setShowLoginModal] = useState(false);
 
   const [comments, setComments] = useState<CommentItem[]>([]);
@@ -68,6 +69,7 @@ const VideoDetailContent: React.FC<VideoDetailContentProps> = ({ videoId, isModa
     const fetchVideo = async () => {
       setLoading(true);
       setError(null);
+      setShowSiteOverlay(false);
       try {
         const data = await getVideoById(videoId);
         setVideo(data);
@@ -221,18 +223,46 @@ const VideoDetailContent: React.FC<VideoDetailContentProps> = ({ videoId, isModa
         <div className="ado2-contents-error"><p>{error}</p></div>
       ) : video ? (
         <div className={`video-detail-content ${isLandscape ? 'landscape' : ''}`}>
-          <video
-            src={video.result_movie_url}
-            controls
-            autoPlay
-            controlsList="nodownload"
-            onContextMenu={(e) => e.preventDefault()}
-            className="video-detail-player"
-            onLoadedMetadata={(e) => {
-              const v = e.currentTarget;
-              setIsLandscape(v.videoWidth > v.videoHeight);
-            }}
-          />
+          <div className="video-detail-player-wrap">
+            <video
+              src={video.result_movie_url}
+              controls
+              autoPlay
+              controlsList="nodownload"
+              onContextMenu={(e) => e.preventDefault()}
+              className="video-detail-player"
+              onLoadedMetadata={(e) => {
+                const v = e.currentTarget;
+                setIsLandscape(v.videoWidth > v.videoHeight);
+              }}
+              onTimeUpdate={(e) => {
+                if (!video.official_site_url) return;
+                const v = e.currentTarget;
+                // 영상 종료 3초 전부터 공식 홈페이지 오버레이 노출
+                setShowSiteOverlay(
+                  Number.isFinite(v.duration) && v.duration - v.currentTime <= 3
+                );
+              }}
+            />
+            {video.official_site_url && showSiteOverlay && (
+              <a
+                href={video.official_site_url}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="video-site-overlay"
+              >
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                  <circle cx="12" cy="12" r="10"/>
+                  <line x1="2" y1="12" x2="22" y2="12"/>
+                  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
+                </svg>
+                <span className="video-site-overlay-text">
+                  <strong>{video.store_name}</strong>
+                  {t('videoDetail.visitOfficialSite')}
+                </span>
+              </a>
+            )}
+          </div>
 
           <div className="video-detail-info">
             <h2 className="video-detail-store">{video.store_name}</h2>
diff --git a/src/locales/en.json b/src/locales/en.json
index ba649a4..23b9407 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -624,6 +624,7 @@
     "closeAriaLabel": "Close",
     "share": "Share",
     "copied": "Copied!",
+    "visitOfficialSite": "Visit official website",
     "shareKakao": "KakaoTalk",
     "shareFacebook": "Facebook",
     "shareTwitter": "X (Twitter)",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 9098eb9..a0fb7ac 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -623,6 +623,7 @@
     "closeAriaLabel": "닫기",
     "share": "공유하기",
     "copied": "복사됨!",
+    "visitOfficialSite": "공식 홈페이지 방문하기",
     "shareKakao": "카카오톡",
     "shareFacebook": "페이스북",
     "shareTwitter": "X (트위터)",
diff --git a/src/styles/contents-social.css b/src/styles/contents-social.css
index dad3794..aabf098 100644
--- a/src/styles/contents-social.css
+++ b/src/styles/contents-social.css
@@ -720,18 +720,77 @@
   flex-direction: column;
 }
 
+.video-detail-player-wrap {
+  position: relative;
+  width: 100%;
+  max-width: 360px;
+  flex-shrink: 0;
+}
+
+.video-detail-content.landscape .video-detail-player-wrap {
+  max-width: 100%;
+  width: 100%;
+}
+
 .video-detail-player {
   display: block;
   width: 100%;
   height: auto;
-  max-width: 360px;
   border-radius: 12px;
+}
+
+/* 영상 종료 직전 공식 홈페이지 링크 오버레이 (유튜브 엔드스크린 스타일) */
+.video-site-overlay {
+  position: absolute;
+  left: 12px;
+  right: 12px;
+  bottom: 64px; /* 네이티브 컨트롤 바를 가리지 않도록 */
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 14px;
+  background: rgba(0, 0, 0, 0.75);
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  border-radius: 10px;
+  color: #fff;
+  text-decoration: none;
+  font-size: 13px;
+  line-height: 1.35;
+  backdrop-filter: blur(4px);
+  animation: video-site-overlay-in 0.3s ease-out;
+  transition: background 0.2s;
+}
+
+.video-site-overlay:hover {
+  background: rgba(0, 0, 0, 0.9);
+}
+
+.video-site-overlay svg {
   flex-shrink: 0;
 }
 
-.video-detail-content.landscape .video-detail-player {
-  max-width: 100%;
-  width: 100%;
+.video-site-overlay-text {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.video-site-overlay-text strong {
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@keyframes video-site-overlay-in {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 .video-detail-info {
@@ -1158,7 +1217,7 @@
   .video-detail-content {
     flex-direction: column;
   }
-  .video-detail-player {
+  .video-detail-player-wrap {
     max-width: 100%;
     width: 100%;
   }
diff --git a/src/types/api.ts b/src/types/api.ts
index b511e68..f8e5861 100644
--- a/src/types/api.ts
+++ b/src/types/api.ts
@@ -281,6 +281,7 @@ export interface VideoListItem {
   title?: string | null;
   description?: string | null;
   hashtags?: string[] | null;
+  official_site_url?: string | null;
   created_at: string;
   like_count: number;
   comment_count: number;
@@ -296,6 +297,7 @@ export interface VideoDetailItem {
   region: string;
   title?: string | null;
   description?: string | null;
+  official_site_url?: string | null;
   created_at: string;
   like_count: number;
   is_liked_by_me: boolean;

From 547dd415c59ba5b0665a23063e4f6d29ea6a66c2 Mon Sep 17 00:00:00 2001
From: hbyang <hbyang@o2o.kr>
Date: Fri, 21 Aug 2026 10:50:23 +0900
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=EC=98=81=EC=83=81=20=EB=A7=81?=
 =?UTF-8?q?=ED=81=AC=20=EC=98=A4=EB=B2=84=EB=A0=88=EC=9D=B4=20=EB=AC=B8?=
 =?UTF-8?q?=EA=B5=AC=EB=A5=BC=20'=EC=9E=90=EC=84=B8=ED=9E=88=20=EB=B3=B4?=
 =?UTF-8?q?=EA=B8=B0'=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

official_site_url이 네이버 플레이스/인스타그램 등 업체 대표 링크일 수 있어
중립적인 문구로 조정

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DKTAqpFj8pbWzgvq7MRDHk
---
 src/components/VideoDetailContent.tsx | 2 +-
 src/locales/en.json                   | 2 +-
 src/locales/ko.json                   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoDetailContent.tsx b/src/components/VideoDetailContent.tsx
index ef36916..bf752bf 100644
--- a/src/components/VideoDetailContent.tsx
+++ b/src/components/VideoDetailContent.tsx
@@ -258,7 +258,7 @@ const VideoDetailContent: React.FC<VideoDetailContentProps> = ({ videoId, isModa
                 </svg>
                 <span className="video-site-overlay-text">
                   <strong>{video.store_name}</strong>
-                  {t('videoDetail.visitOfficialSite')}
+                  {t('videoDetail.siteOverlayLabel')}
                 </span>
               </a>
             )}
diff --git a/src/locales/en.json b/src/locales/en.json
index 23b9407..6d21b23 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -624,7 +624,7 @@
     "closeAriaLabel": "Close",
     "share": "Share",
     "copied": "Copied!",
-    "visitOfficialSite": "Visit official website",
+    "siteOverlayLabel": "View more",
     "shareKakao": "KakaoTalk",
     "shareFacebook": "Facebook",
     "shareTwitter": "X (Twitter)",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index a0fb7ac..17c4ccf 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -623,7 +623,7 @@
     "closeAriaLabel": "닫기",
     "share": "공유하기",
     "copied": "복사됨!",
-    "visitOfficialSite": "공식 홈페이지 방문하기",
+    "siteOverlayLabel": "자세히 보기",
     "shareKakao": "카카오톡",
     "shareFacebook": "페이스북",
     "shareTwitter": "X (트위터)",

From e328fc950c54183525c27927706b7a4452302ede Mon Sep 17 00:00:00 2001
From: hbyang <hbyang@o2o.kr>
Date: Fri, 21 Aug 2026 10:56:39 +0900
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=EC=97=85=EC=B2=B4=20=EC=A7=81?=
 =?UTF-8?q?=EC=A0=91=20=EC=9E=85=EB=A0=A5=20=EC=8B=9C=20=EA=B3=B5=EC=8B=9D?=
 =?UTF-8?q?=20=ED=99=88=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A7=81=ED=81=AC=20?=
 =?UTF-8?q?=EC=9E=85=EB=A0=A5=EB=9E=80=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- BusinessNameInputModal에 선택 입력 URL 필드 추가 (프로토콜 미입력 시 https:// 보정)
- onManualInput 콜백 체인(officialSiteUrl) 확장
- POST /marketing 요청 body에 official_site_url 전달 (미입력 시 null)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DKTAqpFj8pbWzgvq7MRDHk
---
 src/App.tsx                               |  4 ++--
 src/components/BusinessNameInputModal.tsx | 23 +++++++++++++++++++++--
 src/components/SearchInputForm.tsx        |  6 +++---
 src/locales/en.json                       |  4 +++-
 src/locales/ko.json                       |  4 +++-
 src/pages/Dashboard/GenerationFlow.tsx    |  4 ++--
 src/pages/Dashboard/UrlInputContent.tsx   |  2 +-
 src/pages/Landing/HeroSection.tsx         |  6 +++---
 src/utils/api.ts                          |  9 +++++++--
 9 files changed, 45 insertions(+), 17 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 0a97d10..d631fd2 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -354,14 +354,14 @@ const App: React.FC = () => {
   };
 
   // 업체명·주소 수동 입력으로 마케팅 분석 API 호출
-  const handleManualInput = async (businessName: string, address: string, category: string) => {
+  const handleManualInput = async (businessName: string, address: string, category: string, officialSiteUrl?: string) => {
     setAfterLoadTarget('generation_flow');
     setViewMode('loading');
     setIsAnalysisComplete(false);
     setError(null);
 
     try {
-      const data = await marketingAnalysis(businessName, address, category);
+      const data = await marketingAnalysis(businessName, address, category, officialSiteUrl);
 
       if (!validateCrawlingResponse(data)) {
         throw new Error(t('app.autocompleteError'));
diff --git a/src/components/BusinessNameInputModal.tsx b/src/components/BusinessNameInputModal.tsx
index 22f844a..82992a2 100644
--- a/src/components/BusinessNameInputModal.tsx
+++ b/src/components/BusinessNameInputModal.tsx
@@ -5,7 +5,7 @@ import CitySelectModal, { REGIONS } from './CitySelectModal';
 
 interface BusinessNameInputModalProps {
   onClose: () => void;
-  onSubmit: (businessName: string, address: string, category: string) => void;
+  onSubmit: (businessName: string, address: string, category: string, officialSiteUrl: string) => void;
 }
 
 const BusinessNameInputModal: React.FC<BusinessNameInputModalProps> = ({ onClose, onSubmit }) => {
@@ -14,6 +14,7 @@ const BusinessNameInputModal: React.FC<BusinessNameInputModalProps> = ({ onClose
   const [selectedCity, setSelectedCity] = useState('');
   const [detailAddress, setDetailAddress] = useState('');
   const [category, setCategory] = useState('');
+  const [officialSiteUrl, setOfficialSiteUrl] = useState('');
   const [isCityModalOpen, setIsCityModalOpen] = useState(false);
 
   useEffect(() => {
@@ -42,7 +43,12 @@ const BusinessNameInputModal: React.FC<BusinessNameInputModalProps> = ({ onClose
   const handleSubmit = () => {
     if (!isValid) return;
     const fullAddress = `${selectedCity} ${detailAddress.trim()}`;
-    onSubmit(businessName.trim(), fullAddress, category.trim());
+    // 프로토콜 없이 입력하면 https:// 를 붙여서 전달
+    const trimmedUrl = officialSiteUrl.trim();
+    const normalizedUrl = trimmedUrl && !/^https?:\/\//i.test(trimmedUrl)
+      ? `https://${trimmedUrl}`
+      : trimmedUrl;
+    onSubmit(businessName.trim(), fullAddress, category.trim(), normalizedUrl);
     onClose();
   };
 
@@ -118,6 +124,19 @@ const BusinessNameInputModal: React.FC<BusinessNameInputModalProps> = ({ onClose
               />
             </div>
 
+            <div className="manual-modal-field">
+              <label className="manual-modal-label">{t('landing.hero.manualLabelSiteUrl')}</label>
+              <input
+                type="url"
+                className="manual-modal-input"
+                placeholder={t('landing.hero.manualPlaceholderSiteUrl')}
+                value={officialSiteUrl}
+                onChange={e => setOfficialSiteUrl(e.target.value)}
+                onKeyDown={handleKeyDown}
+                maxLength={2048}
+              />
+            </div>
+
             <div className="manual-modal-actions">
               <button type="button" className="manual-modal-cancel" onClick={onClose}>
                 {t('common.cancel')}
diff --git a/src/components/SearchInputForm.tsx b/src/components/SearchInputForm.tsx
index 7520a4d..c14da76 100644
--- a/src/components/SearchInputForm.tsx
+++ b/src/components/SearchInputForm.tsx
@@ -38,7 +38,7 @@ const extractUrl = (text: string): string | null => {
 interface SearchInputFormProps {
   onAnalyze?: (value: string, type: SearchType) => void;
   onAutocomplete?: (data: AutocompleteRequest) => void;
-  onManualInput?: (businessName: string, address: string, category: string) => void;
+  onManualInput?: (businessName: string, address: string, category: string, officialSiteUrl?: string) => void;
   /** 직접입력 버튼 클릭 시 기본 동작(모달 열기)을 대체합니다. 제공 시 모달을 직접 관리해야 합니다. */
   onManualButtonClick?: () => void;
   error?: string | null;
@@ -340,9 +340,9 @@ const SearchInputForm: React.FC<SearchInputFormProps> = ({
       {!onManualButtonClick && isManualModalOpen && (
         <BusinessNameInputModal
           onClose={() => setIsManualModalOpen(false)}
-          onSubmit={(businessName, address, category) => {
+          onSubmit={(businessName, address, category, officialSiteUrl) => {
             setIsManualModalOpen(false);
-            onManualInput?.(businessName, address, category);
+            onManualInput?.(businessName, address, category, officialSiteUrl);
           }}
         />
       )}
diff --git a/src/locales/en.json b/src/locales/en.json
index 6d21b23..64948f9 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -208,7 +208,9 @@
       "manualPlaceholderAddress": "Enter the address",
       "manualPlaceholderRegion": "Select a region",
       "manualPlaceholderDetail": "Enter detail address (e.g. Gangnam-gu Teheran-ro 123)",
-      "manualPlaceholderCategory": "Enter the business category (e.g. pension, cafe, salon)"
+      "manualPlaceholderCategory": "Enter the business category (e.g. pension, cafe, salon)",
+      "manualLabelSiteUrl": "Website link (optional)",
+      "manualPlaceholderSiteUrl": "Enter the official website URL (e.g. https://example.com)"
     },
     "welcome": {
       "title": "Welcome to ADO2.AI",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 17c4ccf..f395244 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -207,7 +207,9 @@
       "manualPlaceholderAddress": "주소를 입력하세요.",
       "manualPlaceholderRegion": "지역을 선택하세요.",
       "manualPlaceholderDetail": "상세 주소를 입력하세요. (예: 강남구 테헤란로 123)",
-      "manualPlaceholderCategory": "업종을 입력하세요. (예: 펜션, 카페, 미용실)"
+      "manualPlaceholderCategory": "업종을 입력하세요. (예: 펜션, 카페, 미용실)",
+      "manualLabelSiteUrl": "홈페이지 링크 (선택)",
+      "manualPlaceholderSiteUrl": "공식 홈페이지 주소를 입력하세요. (예: https://example.com)"
     },
     "welcome": {
       "title": "ADO2.AI에 오신 것을 환영합니다.",
diff --git a/src/pages/Dashboard/GenerationFlow.tsx b/src/pages/Dashboard/GenerationFlow.tsx
index f045029..0984783 100755
--- a/src/pages/Dashboard/GenerationFlow.tsx
+++ b/src/pages/Dashboard/GenerationFlow.tsx
@@ -299,13 +299,13 @@ const GenerationFlow: React.FC<GenerationFlowProps> = ({
   };
 
   // 업체명·주소 수동 입력으로 마케팅 분석 API 호출
-  const handleManualInput = async (businessName: string, address: string, category: string) => {
+  const handleManualInput = async (businessName: string, address: string, category: string, officialSiteUrl?: string) => {
     goToWizardStep(-1);
     setIsAnalysisComplete(false);
     setAnalysisError(null);
 
     try {
-      const data = await marketingAnalysis(businessName, address, category);
+      const data = await marketingAnalysis(businessName, address, category, officialSiteUrl);
 
       if (data.processed_info) {
         data.processed_info.customer_name = data.processed_info.customer_name || businessName;
diff --git a/src/pages/Dashboard/UrlInputContent.tsx b/src/pages/Dashboard/UrlInputContent.tsx
index 32f9b7d..5b50faf 100644
--- a/src/pages/Dashboard/UrlInputContent.tsx
+++ b/src/pages/Dashboard/UrlInputContent.tsx
@@ -5,7 +5,7 @@ import SearchInputForm, { SearchType } from '../../components/SearchInputForm';
 interface UrlInputContentProps {
   onAnalyze: (value: string, type?: SearchType) => void;
   onAutocomplete?: (data: AutocompleteRequest) => void;
-  onManualInput?: (businessName: string, address: string, category: string) => void;
+  onManualInput?: (businessName: string, address: string, category: string, officialSiteUrl?: string) => void;
   error: string | null;
 }
 
diff --git a/src/pages/Landing/HeroSection.tsx b/src/pages/Landing/HeroSection.tsx
index b76922f..7f11ecd 100755
--- a/src/pages/Landing/HeroSection.tsx
+++ b/src/pages/Landing/HeroSection.tsx
@@ -35,7 +35,7 @@ const orbConfigs: OrbConfig[] = [
 interface HeroSectionProps {
   onAnalyze?: (value: string, type?: SearchType) => void;
   onAutocomplete?: (data: AutocompleteRequest) => void;
-  onManualInput?: (businessName: string, address: string, category: string) => void;
+  onManualInput?: (businessName: string, address: string, category: string, officialSiteUrl?: string) => void;
   onNext?: () => void;
   error?: string | null;
   scrollProgress?: number;
@@ -184,10 +184,10 @@ const HeroSection: React.FC<HeroSectionProps> = ({ onAnalyze, onAutocomplete, on
       {isManualModalOpen && (
         <BusinessNameInputModal
           onClose={() => setIsManualModalOpen(false)}
-          onSubmit={(businessName, address, category) => {
+          onSubmit={(businessName, address, category, officialSiteUrl) => {
             if (tutorial.isActive) tutorial.nextHint();
             setIsManualModalOpen(false);
-            onManualInput?.(businessName, address, category);
+            onManualInput?.(businessName, address, category, officialSiteUrl);
           }}
         />
       )}
diff --git a/src/utils/api.ts b/src/utils/api.ts
index 4fbd0e3..4659799 100644
--- a/src/utils/api.ts
+++ b/src/utils/api.ts
@@ -1093,7 +1093,7 @@ export async function autocomplete(request: AutocompleteRequest): Promise<Crawli
 }
 
 // 업체명·주소 직접 입력으로 마케팅 분석
-export async function marketingAnalysis(storeName: string, address: string, category = ''): Promise<CrawlingResponse> {
+export async function marketingAnalysis(storeName: string, address: string, category = '', officialSiteUrl?: string): Promise<CrawlingResponse> {
   const controller = new AbortController();
   const timeoutId = setTimeout(() => controller.abort(), CRAWL_TIMEOUT);
 
@@ -1103,7 +1103,12 @@ export async function marketingAnalysis(storeName: string, address: string, cate
       headers: {
         'Content-Type': 'application/json',
       },
-      body: JSON.stringify({ store_name: storeName, address, category }),
+      body: JSON.stringify({
+        store_name: storeName,
+        address,
+        category,
+        official_site_url: officialSiteUrl?.trim() || null,
+      }),
       signal: controller.signal,
     });