<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>MyFreeChart - 무료 경제지표 대시보드</title>
    <meta name="title" content="MyFreeChart - 무료 경제지표 대시보드" />
    <meta name="description" content="FRED, 한국은행 등의 경제지표를 자유롭게 조합하여 나만의 대시보드를 만들어보세요. 무료로 시작하고, 공유하고, 분석하세요." />
    <meta name="keywords" content="경제지표, 대시보드, FRED, 한국은행, 차트, 경제분석, 투자, 금융데이터" />
    <meta name="author" content="MyFreeChart" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.myfreechart.com/" />
    <meta property="og:title" content="MyFreeChart - 무료 경제지표 대시보드" />
    <meta property="og:description" content="FRED, 한국은행 등의 경제지표를 자유롭게 조합하여 나만의 대시보드를 만들어보세요." />
    <meta property="og:image" content="https://www.myfreechart.com/og-image.png" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://www.myfreechart.com/" />
    <meta property="twitter:title" content="MyFreeChart - 무료 경제지표 대시보드" />
    <meta property="twitter:description" content="FRED, 한국은행 등의 경제지표를 자유롭게 조합하여 나만의 대시보드를 만들어보세요." />
    <meta property="twitter:image" content="https://www.myfreechart.com/og-image.png" />

    <!-- Theme Color -->
    <meta name="theme-color" content="#111827" />

    <!-- Google Search Console Verification -->
    <!-- Get your verification code from: https://search.google.com/search-console -->
    <!-- <meta name="google-site-verification" content="YOUR_VERIFICATION_CODE" /> -->

    <!-- Google Analytics (GA4) + Google Ads -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BN0PRD410T"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}

      // Google Consent Mode v2 - 기본값 (모두 거부)
      gtag('consent', 'default', {
        'ad_storage': 'denied',
        'ad_user_data': 'denied',
        'ad_personalization': 'denied',
        'analytics_storage': 'denied',
        'wait_for_update': 500
      });

      // 재방문: localStorage에서 이전 동의 즉시 복원
      (function() {
        try {
          var saved = localStorage.getItem('freechart-cookie-consent');
          if (saved) {
            var data = JSON.parse(saved);
            if (data.state && data.state.analytics) {
              gtag('consent', 'update', {
                'ad_storage': 'granted',
                'ad_user_data': 'granted',
                'ad_personalization': 'granted',
                'analytics_storage': 'granted'
              });
            }
          }
        } catch(e) {}
      })();

      gtag('js', new Date());
      // GA4 config is done in analytics service with send_page_view: false
      // Google Ads conversion tracking (uncomment when you have AW-ID)
      // gtag('config', 'AW-XXXXXXXXXX');
    </script>

    <!-- Microsoft Clarity -->
    <script type="text/javascript">
      (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
      })(window, document, "clarity", "script", "CLARITY_PROJECT_ID");
    </script>

    <!-- Facebook/Meta Pixel -->
    <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      // fbq('init', 'YOUR_PIXEL_ID');
      // fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=YOUR_PIXEL_ID&ev=PageView&noscript=1"/></noscript>

    <!-- Paddle.js -->
    <script src="https://cdn.paddle.com/paddle/v2/paddle.js"></script>

    <!-- Google AdSense -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2028582210142297"
     crossorigin="anonymous"></script>
    <script type="module" crossorigin src="/assets/index-BZ9PEjNf.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-B9RtyAM5.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
