AI_Video_LP/layouts/partials/footer.html

<footer class="footer position-relative">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 px-0">
        <img src="https://i.imgur.com/P1gNopa.png" alt="" style="width: 100%; max-width: 250px;">
        <div class="footer-aigirl">ChoozMo AIGV</div>
        <div class="footer-follow">關注我們</div>
        <div class="footer-socials">
          <a href="https://www.linkedin.com/company/choozmo/">
            <img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px">
          </a>
          <a href="https://www.facebook.com/choozmo/">
            <img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px">
          </a>
          <a href="https://line.me/R/ti/p/@choozmo?from=page">
            <img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px">
          </a>
          <a href="https://www.instagram.com/choozmo_cmm/">
            <img src="https://i.imgur.com/pdJPY7m.png" alt="" width="60px" height="60px"
              style="margin-left: -6px; margin-right: -8px;">
          </a>
          <a href="https://twitter.com/ai_cmm">
            <img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="28px" style="margin-right: 3px;">
          </a>
          <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg">
            <img src="https://i.imgur.com/zn6DUY8.png" alt="" width="38px" height="38px">
          </a>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6">
        <div class="footer-contacts">
          <h5>CONTACT</h5>
          <div>
            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：<a
              href="tel:+886036670804">036670804</a><br>聯絡信箱：SERVICE@CHOOZMO.COM
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- AI 客服嵌入按鈕 -->
  <iframe id="iframe-content" src="https://cmm.ai/chuz/#/" allow="microphone" scrolling="no"></iframe>

  <!-- LINE 按鈕 -->
  <div class="line-btn">
    <a href="https://lin.ee/jYalbZq" target="_blank">
      <img src="/imgs/icon/line.png" alt="">
    </a>
  </div>

  <!-- <div class="embed-ai-btn">
    <iframe src="https://cmm.ai/embed-ai/#/" height="100%" width="100%" frameborder="0" allow="camera;microphone"></iframe>
  </div> -->

  <div class="privacy-consent">
    <p>本網站使用 Cookie 為您提供更好的用戶體驗。<br>
      繼續使用本網站表示您同意我們的<a href="/privacy-policy">隱私權政策</a>。</p>
    <button class="agree">同意</button>
  </div>
</footer>

<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
<script>
  setTimeout(() => {
    const iframeContent = document.getElementById("iframe-content");

    window.addEventListener("message", function (event) {
      // 確保來自合法的來源
      if (event.origin !== "https://cmm.ai") {
        return; // 忽略來自不信任的來源的訊息
      }

      // 取得 iframe 傳遞訊息
      if (event.data === true) {
        iframeContent.style.width = "375px";
        iframeContent.style.height = "650px";
      } else if (event.data === false) {
        setTimeout(() => {
          iframeContent.style.width = "80px";
          iframeContent.style.height = "80px";
        }, 300)
      }
    });
  }, 1000)

  // 隱私權政策
  let privacy = localStorage.getItem("privacy");

  if (privacy === "false") {
    $('.privacy-consent').hide();
  } else {
    $('.privacy-consent').show();
  }

  $('.privacy-consent .agree').click(function (e) {
    e.preventDefault();
    $('.privacy-consent').hide();
    localStorage.setItem('privacy', 'false');
  })

  function setUTM() {
    // 取當前網址路徑
    let currentPath = window.location.pathname;
    console.log('currentPath', currentPath);

    let utmCampaign = ""; // utm 參數

    if (currentPath === "/virtual-host-solution/") {
      // AI 主持人
      utmCampaign = "AIGV";
    } else if (currentPath === "/AI-chatbot/") {
      // AI 客服
      utmCampaign = "AICUSTOMER";
    } else if (currentPath === "/ai-balanced-news-reporting/") {
      // AI 記者
      utmCampaign = "AICOPYWRITER";
    }

    let lineLink = $('a[href="https://lin.ee/jYalbZq"]');
    let originalHref = lineLink.attr('href');
    let newHref = originalHref + `?utm_source=web&utm_medium=article&utm_campaign=${utmCampaign}`;
    lineLink.attr('href', newHref);
  }

  setUTM();
</script>