It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://caribou.travel/post/hakkodasan

  1. <!DOCTYPE html><!-- Last Published: Fri Nov 15 2024 02:01:03 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="caribou.travel" data-wf-page="64d1f8d7c8eb554aa7393f27" data-wf-site="64d1f8d7c8eb554aa7393f33" lang="zh-HK" data-wf-collection="64d1f8d7c8eb554aa7393fae" data-wf-item-slug="hakkodasan"><head><meta charset="utf-8"/><title>青森八甲田山  非一般冬季體驗｜Caribou Travel - 你的一對一旅遊預訂助手 - 輕鬆預訂 郵輪假期｜精品酒店</title><link rel="alternate" hrefLang="x-default" href="https://caribou.travel/post/hakkodasan"/><link rel="alternate" hrefLang="zh-HK" href="https://caribou.travel/post/hakkodasan"/><link rel="alternate" hrefLang="en" href="https://caribou.travel/en/post/hakkodasan"/><meta content="青森八甲田山非一般冬季體驗，估佢唔到嘅天氣 日本三大樹冰之一，九十年歷史嘅大型混浴風呂 - 酸湯溫泉 ，有冇興趣？" name="description"/><meta content="青森八甲田山  非一般冬季體驗｜Caribou Travel - 你的一對一旅遊預訂助手 - 輕鬆預訂 郵輪假期｜精品酒店" property="og:title"/><meta content="青森八甲田山非一般冬季體驗，估佢唔到嘅天氣 日本三大樹冰之一，九十年歷史嘅大型混浴風呂 - 酸湯溫泉 ，有冇興趣？" property="og:description"/><meta content="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa73940a3_Cover.webp" property="og:image"/><meta content="青森八甲田山  非一般冬季體驗｜Caribou Travel - 你的一對一旅遊預訂助手 - 輕鬆預訂 郵輪假期｜精品酒店" property="twitter:title"/><meta content="青森八甲田山非一般冬季體驗，估佢唔到嘅天氣 日本三大樹冰之一，九十年歷史嘅大型混浴風呂 - 酸湯溫泉 ，有冇興趣？" property="twitter:description"/><meta content="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa73940a3_Cover.webp" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/css/caribou-staging.webflow.e3a9457ca.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({  google: {    families: ["Noto Sans HK:regular,500,700","Poppins:regular,500,600,700","Manrope:regular,500,600,700"]  }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f7a_Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f7b_Webclip.png" rel="apple-touch-icon"/><!-- Google Tag Manager -->
  2. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  3. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  4. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  5. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  6. })(window,document,'script','dataLayer','GTM-WKGC5B3');</script>
  7. <!-- End Google Tag Manager -->
  8.  
  9. <meta name="agd-partner-manual-verification" />
  10.  
  11.  
  12. <!-- Meta Pixel Code -->
  13. <script>
  14. !function(f,b,e,v,n,t,s)
  15. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  16. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  17. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  18. n.queue=[];t=b.createElement(e);t.async=!0;
  19. t.src=v;s=b.getElementsByTagName(e)[0];
  20. s.parentNode.insertBefore(t,s)}(window, document,'script',
  21. 'https://connect.facebook.net/en_US/fbevents.js');
  22. fbq('init', '921638962188869');
  23.  
  24. </script>
  25. <noscript><img height="1" width="1" style="display:none"
  26. src="https://www.facebook.com/tr?id=921638962188869&ev=PageView&noscript=1"
  27. /></noscript>
  28. <!-- End Meta Pixel Code -->
  29.  
  30.  
  31. <!-- Custom Google Ad Tracking -->
  32. <script>
  33. function setCookie(name, value, days) {
  34.  var expires = "";
  35.  if (days) {
  36.    var date = new Date();
  37.    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); // Set expiry to 30 days
  38.    expires = "; expires=" + date.toUTCString();
  39.  }
  40.  document.cookie =
  41.    name + "=" + encodeURIComponent(value || "") + expires + "; path=/";
  42. }
  43.  
  44. // Utility Functions
  45. function getCookie(name) {
  46.  var nameEQ = name + "=";
  47.  var ca = document.cookie.split(";");
  48.  for (var i = 0; i < ca.length; i++) {
  49.    var c = ca[i];
  50.    while (c.charAt(0) == " ") c = c.substring(1, c.length);
  51.    if (c.indexOf(nameEQ) == 0) {
  52.      var cookieValue = c.substring(nameEQ.length, c.length);
  53.      return decodeURIComponent(cookieValue);
  54.    }
  55.  }
  56.  return null;
  57. }
  58.  
  59. function getClientId() {
  60.  var gaCookie = getCookie("_ga");
  61.  if (gaCookie) {
  62.    var parts = gaCookie.split(".");
  63.    if (parts.length >= 4) {
  64.      return parts[2] + "." + parts[3];
  65.    }
  66.  }
  67.  return "";
  68. }
  69.  
  70. function getSessionId() {
  71.  var gaSessionCookie = getCookie("_ga_F643X6TL3D");
  72.  if (gaSessionCookie) {
  73.    var parts = gaSessionCookie.split(".");
  74.    if (parts.length >= 2) {
  75.      return parts[2];
  76.    }
  77.  }
  78.  return "";
  79. }
  80.  
  81.  
  82. function triggerCustomDataReady(){
  83.  // Push the fetched data and a custom event to the dataLayer
  84.  dataLayer.push({
  85.    'event': 'data_ready',  // Custom event name
  86.  });
  87.  
  88.  fbq('track', 'PageView');
  89. }
  90.  
  91.  
  92. async function fetchHashId(hashObject) {
  93.  try {
  94.    // Skip hashing for empty object
  95.    if (!hashObject || Object.keys(hashObject).length === 0) {
  96.      return;
  97.    }
  98.    
  99.    const response = await fetch(
  100.      "https://hub.caribou.travel/api/hash",
  101.      {
  102.        method: "POST",
  103.        headers: {
  104.          "Content-Type": "application/json",
  105.          "Caribou-Token": "76776d2b7be55bac4de727bec1030657",
  106.        },
  107.        body: JSON.stringify(hashObject),
  108.      }
  109.    );
  110.  
  111.    const data = await response.json();
  112.    if (response.ok && data) {
  113.      var hashID = data.uuid;
  114.      setCookie("caribou_hashID", hashID, 30);
  115.    } else {
  116.      setCookie("caribou_hashID", '(no hashID)', 30);
  117.      console.error("API error or invalid response");
  118.    }
  119.  } catch (error) {
  120.    console.error("Error: ", error);
  121.  }
  122. }
  123.  
  124.  
  125. var urlParams = new URLSearchParams(window.location.search);
  126. var keys = [
  127.  "adUID",
  128.  "network",
  129.  "campaignid",
  130.  "campaign_id",
  131.  "adgroupid",
  132.  "adset_id",
  133.  "ad_id",
  134.  "device",
  135.  "creative",
  136.  "keyword",
  137.  "gclid",
  138.  'fbclid'
  139. ];
  140. var hasParams = keys.some((key) => urlParams.has(key));
  141. var adTracking = {}
  142.  
  143.  
  144. if (hasParams) {
  145.  adTracking = {
  146.    adUID: urlParams.get("adUID") || "(no value)",
  147.    network: urlParams.get("network") || "(no value)",
  148.    campaignid: urlParams.get("campaignid") || urlParams.get("campaign_id") || "(no value)", // Google: campaignid; Facebook: campaign_id
  149.    adgroupid: urlParams.get("adgroupid") || urlParams.get("adset_id") || "(no value)", // Google: adgroupid; Facebook: adset_id
  150.    adid: urlParams.get("ad_id") || "(no value)", // Google: /; Facebook: ad_id
  151.    device: urlParams.get("device") || "(no value)",
  152.    creative: urlParams.get("creative") || "(no value)",
  153.    keyword: urlParams.get("keyword") || "(no value)",
  154.    gclid: urlParams.get("gclid") || "(no value)",
  155.    fbclid: urlParams.get("fbclid") || "(no value)",
  156.    timestamp: new Date().toISOString(),
  157.  };
  158.  
  159.  // Get the existing adTracking cookie
  160.  var existingAdTracking = getCookie('adTracking') ? JSON.parse(getCookie('adTracking')) : null
  161.  
  162.  // Create copies of the adTracking objects without the timestamp
  163.  var currentAdTrackingNoTimestamp = { ...adTracking }
  164.  delete currentAdTrackingNoTimestamp.timestamp
  165.  
  166.  var existingAdTrackingNoTimestamp = existingAdTracking ? { ...existingAdTracking } : null
  167.  if ( existingAdTrackingNoTimestamp ) delete existingAdTrackingNoTimestamp.timestamp
  168.  
  169.  // Compare the existing adTracking cookie with the new one
  170.  if (!existingAdTrackingNoTimestamp || JSON.stringify(existingAdTrackingNoTimestamp) !== JSON.stringify(currentAdTrackingNoTimestamp)) {
  171.    setCookie("adTracking", JSON.stringify(adTracking), 30); // Store in a cookie for 30 days
  172.    setCookie("caribou_hashID", '(no_hashID)', 30) // Set the cookie 'caribou_hashID' so that it can request another hash
  173.  }
  174. }
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182. </script>
  183. <!-- End Custom Google Ad Tracking -->
  184.  
  185. <!-- Add the slick-theme.css if you want default styling -->
  186. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/></head><body class="full-page-body"><section class="section post-section"><div class="wrapper"><div class="post-content-expert-wrapper post-content-expert-wrapper-mobile"><a href="/expert/lionel" class="back-button-wrapper back-button-wrapper-mobile w-inline-block"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f79_back.svg" loading="lazy" alt="" class="back-button-img"/></a><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/65970c8cb6ad289e89cae6ee_public.jpeg&quot;)" class="post-content-expert-img"></div><div class="post-content-expert-info-wrapper"><div class="post-content-expert-name">Lionel</div><div class="post-content-location-wrapper"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f67_location-tag.svg" loading="lazy" alt="" class="post-content-location-icon"/><div class="post-content-location">八甲田山</div></div></div><a href="/" class="post-logo-desktop-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f7f_Caribou-Logo-PostPage-Desktop.svg" loading="lazy" alt="" class="post-logo-desktop"/></a><a href="/" class="post-logo-mobile-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f7e_Caribou-Logo-PostPage-Mobile.svg" loading="lazy" alt="" class="post-logo-mobile"/></a></div><div id="w-node-_8a07f710-c2b9-ab12-2202-00e9e93ef375-a7393f27" class="left"><div class="image-wrapper"><div class="post-media-img-wrapper"><div class="post-media-list-wrapper w-dyn-list"><script type="text/x-wf-template" id="wf-template-5215e31f-be9f-0d77-ceed-26cf06e85d49">%3Cdiv%20role%3D%22listitem%22%20class%3D%22post-media-list-item%20w-dyn-item%20w-dyn-repeater-item%22%3E%3Cdiv%20class%3D%22img-cover%22%3E%3C%2Fdiv%3E%3Cdiv%20style%3D%22background-image%3Aurl(%26quot%3Bhttps%3A%2F%2Fcdn.prod.website-files.com%2F64d1f8d7c8eb554aa7393f39%2F64d1f8d7c8eb554aa73940a3_Cover.webp%26quot%3B)%22%20class%3D%22post-img%22%3E%3C%2Fdiv%3E%3C%2Fdiv%3E</script><div role="list" class="post-media-list w-dyn-items"><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa73940a3_Cover.webp&quot;)" class="post-img"></div></div><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa7394084_1.webp&quot;)" class="post-img"></div></div><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa7394086_2.webp&quot;)" class="post-img"></div></div><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa7394087_3.webp&quot;)" class="post-img"></div></div><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa7394085_4.webp&quot;)" class="post-img"></div></div><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa7394088_5.webp&quot;)" class="post-img"></div></div><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa73940a4_6.webp&quot;)" class="post-img"></div></div><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa739408a_7.webp&quot;)" class="post-img"></div></div><div role="listitem" class="post-media-list-item w-dyn-item w-dyn-repeater-item"><div class="img-cover"></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/64d1f8d7c8eb554aa739408b_8.webp&quot;)" class="post-img"></div></div></div><div class="w-dyn-hide w-dyn-empty"><div>No items found.</div></div></div><div class="slide-prev-wrapper"><div class="slick-prev"><div class="slide-left-arrow-icon"></div></div></div><div class="slide-next-wrapper"><div class="slick-next"><div class="slide-right-arrow-icon"></div></div></div></div></div></div><div id="w-node-_18483be0-5f44-7550-f6f5-cfce7ed70e0e-a7393f27" class="right"><div class="post-content-wrapper"><div class="post-content-expert-wrapper"><a style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/65970c8cb6ad289e89cae6ee_public.jpeg&quot;)" href="/expert/lionel" class="post-content-expert-img w-inline-block"></a><div class="post-content-expert-info-wrapper"><a href="/expert/lionel" class="post-content-expert-name">Lionel</a><div class="post-content-location-wrapper"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f67_location-tag.svg" loading="lazy" alt="" class="post-content-location-icon"/><div class="post-content-location">八甲田山</div></div></div><a href="/" class="post-logo-desktop-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f7f_Caribou-Logo-PostPage-Desktop.svg" loading="lazy" alt="" class="post-logo-desktop"/></a></div><div class="post-description-wrapper"><h1 class="post-content-heading">青森八甲田山  非一般冬季體驗</h1><div class="post-meta-container"><div class="post-meta-wrapper"><div class="post-meta-header-wrapper"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f78_attractions.svg" loading="lazy" alt="" class="post-meta-header-img"/><div class="post-meta-header-heading">景點：</div></div><div id="attractions-list" class="post-meta-items-wrapper"><div class="post-meta-item">景點</div></div></div><div class="post-meta-wrapper"><div class="post-meta-header-wrapper"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f66_beach(24x24)%401x%201.svg" loading="lazy" alt="" class="post-meta-header-img"/><div class="post-meta-header-heading">活動：</div></div><div id="activities-list" class="post-meta-items-wrapper"><div class="post-meta-item">活動</div></div></div><div class="post-meta-wrapper"><div class="post-meta-header-wrapper"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f64_location(24x24)%401x%201.svg" loading="lazy" alt="" class="post-meta-header-img"/><div class="post-meta-header-heading">地點：</div></div><div id="locations-list" class="post-meta-items-wrapper"><div class="post-meta-item">地點</div></div></div></div><div class="post-description-content w-richtext"><p>估佢唔到嘅天氣 日本三大 #樹冰 之一，九十年歷史嘅大型 #混浴風呂 #酸湯溫泉，有冇興趣？</p><p>‍</p><p>#snowboarding #deeppowder #ungroomed #offpiste #backcountry</p><p>‍</p><p>#青森 都有<a href="https://caribou.travel/post/aomori-spring-ski-resort" target="_blank">平易近人嘅滑雪場</a><br/>#青森 其實係<a href="https://caribou.travel/post/aomori-art" target="_blank">日本當代藝術朝聖地</a></p></div></div><div class="post-button-wrapper"><a id="custom-submit-btn-desktop" href="#" target="_blank" class="btn btn-primary icon-button btn-post btn-post-whatsapp w-inline-block"><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/65970c8cb6ad289e89cae6ee_public.jpeg&quot;)" class="btn-post-avatar"></div><div class="btn-post-text btn-post-text-desktop">Hi Caribou, 我想了解...</div></a><a href="#" class="btn btn-primary icon-button btn-post btn-post-product w-inline-block w-condition-invisible"><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/65970c8cb6ad289e89cae6ee_public.jpeg&quot;)" class="btn-post-avatar"></div><div class="btn-post-text">查看旅遊體驗</div></a></div></div></div></div></section><div class="post-button-wrapper post-button-wrapper-mobile"><a id="custom-submit-btn-mobile" href="#" target="_blank" class="btn btn-primary icon-button btn-post btn-post-whatsapp w-inline-block"><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/65970c8cb6ad289e89cae6ee_public.jpeg&quot;)" class="btn-post-avatar"></div><div class="btn-post-text btn-post-text-mobile">Hi Caribou, 我想了解</div></a><a href="#" class="btn btn-primary icon-button btn-post btn-post-product w-inline-block w-condition-invisible"><div style="background-image:url(&quot;https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f39/65970c8cb6ad289e89cae6ee_public.jpeg&quot;)" class="btn-post-avatar"></div><div class="btn-post-text">查看旅遊體驗</div></a></div><div class="embed-css-slick w-embed"><style>
  187.  
  188. /* styling for the slider */
  189. .slick-dots {
  190. display: flex;
  191. justify-content: center;
  192. margin: 0;
  193. padding: 1rem 0;
  194. list-style-type: none;
  195. }
  196.  
  197. .slick-dots li {
  198. margin: 0 4px
  199. }
  201. .slick-dots button {
  202. display: block;
  203. width: 8px;
  204. height: 8px;
  205. padding: 0;
  206. border: none;
  207. border-radius: 100%;
  208. background-color: rgba(255, 255, 255, 0.5);;
  209. text-indent: -9999px;
  210. }
  211.  
  212. .slick-dots li.slick-active button {
  213. background-color: #FFFFFF;
  214. }
  216.  
  217.  
  218. </style></div><div class="embed-css-post-meta w-embed"><style>
  219.  
  220. /* styling for post meta collection list */
  221.  
  222. .post-meta-collection-item:after,
  223. .post-meta-item:after{
  224. content: "，"
  225. }
  226.  
  227. .post-meta-collection-item:last-child:after,
  228. .post-meta-item:last-child:after {
  229. content: ""
  230. }
  231.  
  232. </style></div><div class="embed-css-post-desc w-embed"><style>
  233.  
  234. .post-description-wrapper {
  235.    -ms-overflow-style: none;  // IE 10+
  236.    overflow: -moz-scrollbars-none;  // Firefox
  237. }
  238.  
  239. .post-description-wrapper::-webkit-scrollbar {
  240.    display: none; // Safari and Chrome
  241. }
  242.  
  243. </style></div><div class="w-embed"><style>
  244.  
  245. .slick-current .img-cover {
  246. display:none;
  247. }
  248.  
  249.  
  250. </style></div><a href="/expert/lionel" class="back-button-wrapper w-inline-block"><img src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/64d1f8d7c8eb554aa7393f79_back.svg" loading="lazy" alt="" class="back-button-img"/></a><div class="w-embed w-script"><script>
  251.  
  252. var aspectRatio = "3:4"
  253. var imageContainerWidthRatio;
  254. var imageWidthRatio;
  255.  
  256. // Update the aspect ratio css
  257. if (aspectRatio == "3:4") {
  258.  imageContainerWidthRatio = 0.75;
  259.  imageWidthRatio = 0.75;
  260.  updatePostImageAspectRatio("133%");
  261. } else if (aspectRatio == "9:16") {
  262.  imageContainerWidthRatio = 0.5625;
  263.  imageWidthRatio = 0.5625;
  264.  updatePostImageAspectRatio("178%");
  265. } else if (aspectRatio == "1:1") {
  266.  imageContainerWidthRatio = 1;
  267.  imageWidthRatio = 1;
  268.  updatePostImageAspectRatio("100%");
  269. } else if (aspectRatio == "4:3") {
  270.  imageContainerWidthRatio = 1; // Special handling
  271.  imageWidthRatio = 4 / 3;
  272.  updatePostImageAspectRatio("75%");
  273. } else if (aspectRatio == "16:9") {
  274.  imageContainerWidthRatio = 1; // Special handling
  275.  imageWidthRatio = 16 / 9;
  276.  updatePostImageAspectRatio("56.25%");
  277. } else {
  278.  imageContainerWidthRatio = 1;
  279.  imageWidthRatio = 1;
  280.  updatePostImageAspectRatio("100%");
  281. }
  282.  
  283. updateImageWrapperAspectRatio(imageWidthRatio);
  284.  
  285. function updateImageWrapperAspectRatio(aspectRatio) {
  286.  document.querySelector(".image-wrapper").style.aspectRatio = aspectRatio;
  287. }
  288.  
  289. function updatePostImageAspectRatio(aspectRatio) {
  290.  document.querySelectorAll(".post-img").forEach(function (el) {
  291.    el.style.paddingTop = aspectRatio;
  292.  });
  293. }
  294.  
  295. function resizeComponent(innerHeight) {
  296.  // Get the screen height
  297.  var maxheight = innerHeight - 80;
  298.  var imageMaxWidth = maxheight * imageContainerWidthRatio;
  299.  var calContentWidth = imageMaxWidth / (2 / 3) - imageMaxWidth;
  300.  var contentWidth;
  301.  
  302.  if (calContentWidth < 500) {
  303.    contentWidth = 500;
  304.  } else {
  305.    contentWidth = calContentWidth;
  306.  }
  307.  
  308.  var containerMaxWidth = imageMaxWidth + contentWidth;
  309.  
  310.  // adjust the max width
  311.  document.querySelector(".image-wrapper").style.maxWidth =
  312.    imageMaxWidth + "px";
  313.  document.querySelector(".wrapper").style.maxWidth = containerMaxWidth + "px";
  314.  document.querySelector(".right").style.width = contentWidth + "px";
  315.  
  316.  // Adjust the max height
  317.  document.querySelector(".post-content-wrapper").style.maxHeight =
  318.    maxheight + "px";
  319. }
  320.  
  321. if (window.innerWidth > 991) {
  322.  resizeComponent(window.innerHeight);
  323. }
  324.  
  325. window.addEventListener("resize", function () {
  326.  var height = window.innerHeight;
  327.  var width = window.innerWidth;
  328.  
  329.  if (width > 991) {
  330.    resizeComponent(height);
  331.  } else {
  332.    // adjust the max width
  333.    document.querySelector(".image-wrapper").style.maxWidth = "";
  334.    document.querySelector(".wrapper").style.maxWidth = "";
  335.    document.querySelector(".right").style.width = "";
  336.  
  337.    // Adjust the max height
  338.    document.querySelector(".post-content-wrapper").style.maxHeight = "";
  339.  }
  340. });
  341.  
  342.  
  343.  
  344.  
  345. </script></div><div class="embed-js-cta-button w-embed w-script"><script>
  346.  
  347. function getWebsiteLanguage(){
  348.  return window.location.pathname.includes("/en/") ? "en" : "zh-Hant-HK"
  349. }
  350.  
  351. function updatePostButton() {
  352.  
  353.  const websiteLanguage = getWebsiteLanguage()
  354.  
  355.  const btnPostTextDestkop = document.querySelector(".btn-post-text-desktop")
  356.  const btnPostTextMobile = document.querySelector(".btn-post-text-mobile")
  357.  
  358.  const btnPostDesktop = document.querySelector("#custom-submit-btn-desktop")
  359.  const btnPostMobile = document.querySelector("#custom-submit-btn-mobile")
  360.  
  361.  if (websiteLanguage == "en") {
  362.    btnPostTextDestkop.textContent = "Hi Lionel, I am interested to 八甲田山滑雪行程"
  363.    btnPostDesktop.href = "https://api.whatsapp.com/send/?phone=85262047460&text=Hi Lionel, I am interested to 八甲田山滑雪行程"
  364.  
  365.    btnPostTextMobile.textContent = "Hi Lionel, I am interested to 八甲田山滑雪行程"
  366.    btnPostMobile.href = "https://api.whatsapp.com/send/?phone=85262047460&text=Hi Lionel, I am interested to 八甲田山滑雪行程"
  367.  
  368.  } else {
  369.    btnPostTextDestkop.textContent = "Hi Lionel, 我想了解八甲田山滑雪行程"
  370.    btnPostDesktop.href = "https://api.whatsapp.com/send/?phone=85262047460&text=Hi Lionel, 我想了解八甲田山滑雪行程"
  371.  
  372.    btnPostTextMobile.textContent = "Hi Lionel, 我想了解八甲田山滑雪行程"
  373.    btnPostMobile.href = "https://api.whatsapp.com/send/?phone=85262047460&text=Hi Lionel, 我想了解八甲田山滑雪行程"
  374.  }
  375. }
  376.  
  377.  
  378. updatePostButton()
  379.  
  380. </script></div><div class="embed-js-post-meta w-embed w-script"><script>
  381.  
  382. function renderPostData(wrapperId, stringList){
  383.    if (stringList != ""){
  384.        // Select the list wrapper
  385.        const wrapper = document.querySelector(wrapperId)
  386.  
  387.        // Clear the list wrapper
  388.        wrapper.innerHTML = ""
  389.  
  390.        // Get the list and separate the list by comma
  391.        const list = stringList.split(/,\s?/);
  392.  
  393.        // Loop through each item and creates a text block
  394.        list.forEach(item =>  {
  395.            // Create new div for each location
  396.            const div = document.createElement("div")
  397.            div.classList.add("post-meta-item")
  398.  
  399.            // Set the text content to the div
  400.            div.textContent = item
  401.  
  402.            // Append it to the wrapper
  403.            wrapper.appendChild(div)
  404.        })
  405.    }
  406.    
  407. }
  408.  
  409.  
  410.  
  411. // Render the list of attractions
  412. renderPostData("#attractions-list", "八甲田滑雪場")
  413.  
  414. // Render the list of activities
  415. renderPostData("#activities-list", "單板滑雪, 自駕遊, 溫泉")
  416.  
  417. // Render the list of locations
  418. renderPostData("#locations-list", "日本, 青森")
  419.  
  420.  
  421.  
  422.  
  423.  
  424. </script></div><div class="embed-js-tracking w-embed w-script"><script>
  425.  
  426. // Function to get a cookie
  427. function getCookie(name) {
  428.  var nameEQ = name + "=";
  429.  var ca = document.cookie.split(';');
  430.  for(var i=0;i < ca.length;i++) {
  431.      var c = ca[i];
  432.      while (c.charAt(0)==' ') c = c.substring(1,c.length);
  433.      if (c.indexOf(nameEQ) == 0) {
  434.          var cookieValue = c.substring(nameEQ.length, c.length);
  435.          return decodeURIComponent(cookieValue);
  436.      }
  437.  }
  438.  return null;
  439. }
  440.  
  441. // Function to get aduid
  442. function extractAdTrackingInfo(field) {
  443.  var urlParams = new URLSearchParams(window.location.search);
  444.  var fieldValue = urlParams.get(field);
  445.  
  446.  if (fieldValue) {
  447.      return fieldValue;
  448.  } else {
  449.      var adTrackingCookie = getCookie('adTracking');
  450.      if (adTrackingCookie) {
  451.          var adTrackingObj = JSON.parse(adTrackingCookie);
  452.          return adTrackingObj[field] || "(no tracking)";
  453.      } else {
  454.          return "(no tracking)";
  455.      }
  456.  }
  457. }
  458.  
  459. // Function to extract hotel link tracking data
  460. function extractPostTrackingData() {
  461.  var result = {};
  462.  
  463.  // adUID Tracking
  464.  // Ad tracking fields
  465.  var adTrackingFields = ['adUID', 'campaignid', 'adgroupid', 'device', 'creative', 'keyword', 'timestamp'];
  466.  
  467.  // Extract each ad tracking field value using the extractAdTrackingInfo function
  468.  adTrackingFields.forEach(function(field) {
  469.      result[field] = extractAdTrackingInfo(field);
  470.  });
  471.  
  472.  // Hotel Link Tracking
  473.  result.page_path = window.location.pathname;
  474.  result.page_url = window.location.href;
  475.  result.postPageSlug = window.location.pathname.split("/").filter(Boolean).pop(); // Get the URL slug
  476.  result.traffic_type = (window.location.href.indexOf('webflow.io') > -1 ? 'staging' : 'standard')
  477.  
  478.  return result;
  479. }
  480.  
  481. // Function to add Facebook Pixel trackng to hotel link buttons
  482. function addPostTracking() {
  483.  const postLinks = document.querySelectorAll(".btn-post");
  484.  
  485.  postLinks.forEach(link => {
  486.      link.addEventListener("click", event => {
  487.          const trackingData = extractPostTrackingData()
  488.          let eventName
  489.  
  490.          if (link.classList.contains("btn-post-product")) {
  491.            eventName = "Post-Click-Product Page"
  492.          } else {
  493.            eventName = "Post-Click-Whatsapp-Enquiry"
  494.          }
  495.  
  496.          fbq('trackCustom', eventName, trackingData)
  497.      });
  498.  });
  499. }
  500.  
  501. // Call the function to add tracking
  502. addPostTracking()
  503.  
  504. </script></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64d1f8d7c8eb554aa7393f33" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/64d1f8d7c8eb554aa7393f33/js/webflow.af3e27223.js" type="text/javascript"></script><!-- Google Tag Manager (noscript) -->
  505. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WKGC5B3"
  506. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  507. <!-- End Google Tag Manager (noscript) -->
  508.  
  509.  
  510.  
  511. <script>
  512.  
  513. $(document).ready(function() {
  514.    $('.language-switch-chi').click(function(e){
  515.        relativePath = location.href.replace(location.origin,'');
  516.  
  517.        if(relativePath == "/en/home") {
  518.            window.location.href = "/";
  519.        } else if (!relativePath.includes("/en/")){
  520.            return
  521.        } else {
  522.            window.location.href = relativePath.replace("/en/", "/");
  523.        }
  524.  
  525.    })
  526.  
  527.    $('.language-switch-eng').click(function(e){
  528.        relativePath = location.href.replace(location.origin,'');
  529.  
  530.        if(relativePath == "/") {
  531.            window.location.href = "/en/home";
  532.        } else if (relativePath.includes("/en/")){
  533.            return
  534.        } else {
  535.            window.location.href = relativePath.replace("/", "/en/");
  536.        }
  537.    });
  538.  
  539.  
  540. });
  541.  
  542.  
  543. </script>
  544.  
  545.  
  546.  
  547. <!-- Render Nav Menu Dropdown -->
  548. <script>
  549. // Select all list items in the nav-menu-collection-list
  550. const listItems = document.querySelectorAll('.nav-menu-collection-list .nav-menu-collection-item');
  551.  
  552. // Loop through each list item
  553. listItems.forEach(item => {
  554.    // Find the nav-menu-link and nav-menu-hidden-link elements within the current list item
  555.    const navLink = item.querySelector('.nav-menu-link');
  556.    const footerLink = item.querySelector('.footer-link')
  557.    const hiddenLink = item.querySelector('.nav-menu-hidden-link');
  558.  
  559.  
  560.    if (hiddenLink) {
  561.        if (navLink) {
  562.            // Set the href attribute of nav-menu-link to the text content of nav-menu-hidden-link
  563.            navLink.setAttribute('href', hiddenLink.textContent.trim());
  564.        } else if (footerLink) {
  565.            // Set the href attribute of footer-link to the text content of nav-menu-hidden-link
  566.            footerLink.setAttribute('href', hiddenLink.textContent.trim());
  567.        }
  568.  
  569.        // Remove the nav-menu-hidden-link element from the DOM
  570.        hiddenLink.remove();
  571.    }
  572.  
  573. });
  574. </script>
  575. <!-- End Render Nav Menu Dropdown -->
  576.  
  577. <script>
  578. // Hide theme page menu for english
  579.  
  580. const websiteLanguage = window.location.pathname.includes("/en/") || window.location.pathname === "/en" ? "en" : "zh-Hant-HK"
  581. const footerItemThemePage = document.querySelector("#footer-item-themePage")
  582. if (websiteLanguage == "en") {
  583.  if (footerItemThemePage) {
  584.    footerItemThemePage.style.display = "none"
  585.  }
  586. }
  587.  
  588.  
  589.  
  590.  
  591. async function checkAndFetchHashID() {
  592.  // Function to create custom fbc cookie if it does not exists
  593.  const setCustomFbcCookie = () => {
  594.    if (
  595.      !getCookie("_fbc") &&
  596.      adTracking.fbclid &&
  597.      adTracking.fbclid != "(no value)"
  598.    ) {
  599.      let timestamp = new Date(adTracking.timestamp).getTime() / 1000;
  600.      let customFbc = `fb.1.${timestamp}.${adTracking.fbclid}`;
  601.      setCookie("_fbc", customFbc, 90);
  602.    }
  603.  };
  604.  
  605.  // Function to populate the cookie into hash object if the cookie exists
  606.  const populateCookieToHashObject = (cookieName, hashKey) => {
  607.    let cookieValue = getCookie(cookieName);
  608.    if (cookieValue) hashObject[hashKey] = cookieValue;
  609.  };
  610.  
  611.  // Function to populate fbc & fbp into the forms
  612.  const populateFormFields = (formPrefix) => {
  613.    document.getElementById(`${formPrefix}-hash_id`).value =getCookie("caribou_hashID");
  614.    if (getCookie("_fbc"))
  615.      document.getElementById(`${formPrefix}-fbc`).value = getCookie("_fbc");
  616.    if (getCookie("_fbp"))
  617.      document.getElementById(`${formPrefix}-fbp`).value = getCookie("_fbp");
  618.  };
  619.  
  620.  // Function to get theme page id
  621.  const getThemePageTrackingId = () => {
  622.    const firstHotelLink = document.querySelector(".hotel-link");
  623.    if (firstHotelLink) {
  624.      const regex = /caribou-theme-\d+/;
  625.      const match = firstHotelLink.href.match(regex);
  626.      if (match) {
  627.        return match[0];
  628.      }
  629.    }
  630.    return null;
  631.  };
  632.  
  633.  // Function to replace theme page id tracking with hash id
  634.  const updateHotelLinksWithHashId = () => {
  635.    const hashId = getCookie("caribou_hashID");
  636.    if (!hashId || hashId == "(no_hashID)") {
  637.      console.error("Hash ID not found in cookies");
  638.      return;
  639.    }
  640.  
  641.    const regex = /caribou-theme-\d+/;
  642.    const hotelLinks = document.querySelectorAll(".hotel-link");
  643.    hotelLinks.forEach((link) => {
  644.      link.href = link.href.replace(regex, `${hashId}`);
  645.    });
  646.  };
  647.  
  648.  // Check if the 'caribou_hashID' cookie exists. if not, fetch it
  649.  if (adTracking && Object.keys(adTracking).length > 0) {
  650.    // Proceed with hash request only if adTracking has data
  651.    if (
  652.      !getCookie("caribou_hashID") ||
  653.      getCookie("caribou_hashID") == "(no_hashID)"
  654.    ) {
  655.      // Init hashObject
  656.      var hashObject = {};
  657.  
  658.      // Add client_id into hash object
  659.      if (getClientId() != "") {
  660.        hashObject.client_id = getClientId();
  661.      }
  662.  
  663.      // Add session_id into hash object
  664.      if (getSessionId() != "") {
  665.        hashObject.session_id = getSessionId();
  666.      }
  667.  
  668.      // Add adTracking into the hash object
  669.      for (let key in adTracking) {
  670.        if (adTracking[key] && adTracking[key] != "(no value)") {
  671.          hashObject[key] = adTracking[key];
  672.        }
  673.      }
  674.  
  675.      setCustomFbcCookie();
  676.  
  677.      populateCookieToHashObject("_fbc", "fbc");
  678.      populateCookieToHashObject("_fbp", "fbp");
  679.  
  680.  
  681.      // Retrieve theme page id for hotel links tracking
  682.      if (window.location.href.includes("/product-theme/")) {
  683.        const themePageTrackingId = getThemePageTrackingId();
  684.        if (themePageTrackingId) {
  685.          hashObject.themePage_TrackingId = themePageTrackingId;
  686.        }
  687.      }
  688.  
  689.      // Only fetch hash if adTracking has relevant data
  690.      if (Object.keys(hashObject).length > 0) {
  691.        await fetchHashId(hashObject);
  692.      }
  693.    }
  694.  }
  695.  
  696.  if (getCookie("caribou_hashID") != "(no_hashID)") {
  697.    // Populate the hash id, fbc & fbp into sales funnel tracking form
  698.    if (window.location.href.includes("/tour-products/")) {
  699.      populateFormFields("funnel-form");
  700.    }
  701.  
  702.    // Populate the hash id, fbc and fbp into product search form
  703.    if (
  704.      window.location.href.includes("/tour-products") &&
  705.      !window.location.href.includes("/tour-products/")
  706.    ) {
  707.      populateFormFields("product-search");
  708.    }
  709.  
  710.    // Replace hotels link with hash id for theme page
  711.    if (window.location.href.includes('/product-theme/')){
  712.      const themePageTrackingId = getThemePageTrackingId()
  713.      if (themePageTrackingId) {
  714.        updateHotelLinksWithHashId(themePageTrackingId)
  715.      }
  716.    }
  717.  }
  718. }
  719.  
  720.  
  721.  
  722.  
  723.  
  724. $(document).ready(async function () {
  725.  
  726.  if (!window.location.href.includes("/product-theme/") && !window.location.href.includes("/tour-products/")) {
  727.    await checkAndFetchHashID();
  728.  }
  729.  
  730.  if (
  731.    !window.location.href.includes("/tour-products") &&
  732.    !window.location.href.includes("/product-theme/")
  733.  ) {
  734.    triggerCustomDataReady();
  735.  }
  736. });
  737.  
  738.  
  739.  
  740.  
  741.  
  742.  
  743. </script>
  744.  
  745. <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  746. <script>
  747. $(".post-media-list").slick({
  748. dots: true,
  749.  loop: true,
  750. prevArrow: $(".slick-prev"),
  751. nextArrow: $(".slick-next")
  752. })
  753.  
  754. </script>
  755.  
  756. </body></html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda