footer.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <footer class="footer position-relative">
  2. <div class="container">
  3. <div class="row">
  4. <div class="col-xs-12 col-sm-6 px-0">
  5. <img src="https://i.imgur.com/P1gNopa.png" alt="" style="width: 100%; max-width: 250px;">
  6. <div class="footer-aigirl">ChoozMo AIGV</div>
  7. <div class="footer-follow">關注我們</div>
  8. <div class="footer-socials">
  9. <a href="https://www.linkedin.com/company/choozmo/">
  10. <img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px">
  11. </a>
  12. <a href="https://www.facebook.com/choozmo/">
  13. <img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px">
  14. </a>
  15. <a href="https://line.me/R/ti/p/@choozmo?from=page">
  16. <img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px">
  17. </a>
  18. <a href="https://www.instagram.com/choozmo_cmm/">
  19. <img src="https://i.imgur.com/pdJPY7m.png" alt="" width="60px" height="60px"
  20. style="margin-left: -6px; margin-right: -8px;">
  21. </a>
  22. <a href="https://twitter.com/ai_cmm">
  23. <img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="28px" style="margin-right: 3px;">
  24. </a>
  25. <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg">
  26. <img src="https://i.imgur.com/zn6DUY8.png" alt="" width="38px" height="38px">
  27. </a>
  28. </div>
  29. </div>
  30. <div class="col-xs-12 col-sm-6">
  31. <div class="footer-contacts">
  32. <h5>CONTACT</h5>
  33. <div>
  34. 集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:<a
  35. href="tel:+886036670804">036670804</a><br>聯絡信箱:SERVICE@CHOOZMO.COM
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <!-- LINE 按鈕 -->
  42. <div class="line-btn">
  43. <a href="https://lin.ee/jYalbZq" target="_blank">
  44. <img src="/imgs/icon/line.png" alt="">
  45. </a>
  46. </div>
  47. <iframe src="https://cmm.ai/chuz/#/" width="375px" height="650px" id="responsive-iframe"
  48. style="position: fixed; bottom: 75px; right: 3px; border: none; z-index: 1000; overflow: hidden;"
  49. scrolling="no"></iframe>
  50. <!-- AI 客服嵌入按鈕 -->
  51. <!-- <div class="embed-ai-btn">
  52. <iframe src="https://cmm.ai/embed-ai/#/" height="100%" width="100%" frameborder="0" allow="camera;microphone"></iframe>
  53. </div> -->
  54. <div class="privacy-consent">
  55. <p>本網站使用 Cookie 為您提供更好的用戶體驗。<br>
  56. 繼續使用本網站表示您同意我們的<a href="/privacy-policy">隱私權政策</a>。</p>
  57. <button class="agree">同意</button>
  58. </div>
  59. </footer>
  60. <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  61. crossorigin="anonymous"></script>
  62. <script>
  63. // 隱私權政策
  64. let privacy = localStorage.getItem("privacy");
  65. if (privacy === "false") {
  66. $('.privacy-consent').hide();
  67. } else {
  68. $('.privacy-consent').show();
  69. }
  70. $('.privacy-consent .agree').click(function (e) {
  71. e.preventDefault();
  72. $('.privacy-consent').hide();
  73. localStorage.setItem('privacy', 'false');
  74. })
  75. function setUTM() {
  76. // 取當前網址路徑
  77. let currentPath = window.location.pathname;
  78. console.log('currentPath', currentPath);
  79. let utmCampaign = ""; // utm 參數
  80. if (currentPath === "/virtual-host-solution/") {
  81. // AI 主持人
  82. utmCampaign = "AIGV";
  83. } else if (currentPath === "/AI-chatbot/") {
  84. // AI 客服
  85. utmCampaign = "AICUSTOMER";
  86. } else if (currentPath === "/ai-balanced-news-reporting/") {
  87. // AI 記者
  88. utmCampaign = "AICOPYWRITER";
  89. }
  90. let lineLink = $('a[href="https://lin.ee/jYalbZq"]');
  91. let originalHref = lineLink.attr('href');
  92. let newHref = originalHref + `?utm_source=web&utm_medium=article&utm_campaign=${utmCampaign}`;
  93. lineLink.attr('href', newHref);
  94. }
  95. setUTM();
  96. </script>