ShowEasyFrontEnd/FrontEnd/pages/cookiePolicy.vue

<template>
  <div class="long-text d-flex flex-column align-center px-8">
    <v-card color="transparent" width="648" flat class="primary--text mb-n5"
      style="font-weight: 700; letter-spacing: 0.02em">
      <div v-if="$i18n.locale == 'en'">
        <h2>Cookie Policy</h2>
        <div class="t14 tw-text-neutrals-600">
          <p>
            ShowEasy uses cookies to record and track the online activity of our website users. When you visit our
            website
            at www.showeasy.com and its domain, we will store a cookie in your device (browser).
          </p>
          <ul>
            <h4>1. What is a cookie?</h4>
            <li>
              A cookie is a small text file that we store in your browser to record information about your online
              activities, such as the information about your login, connection, shopping, language settings, browsing
              history, etc.
            </li>
          </ul>
          <ul>
            <h4>2. What are the types of cookies?</h4>
            <li>
              2.1 By storage period
              <div class="tw-ml-[8px]">
            <li>
              a. Working cookie：they disappear when you close your browser.<br />
              b. On-going cookie：they disappear when you close your browser.
            </li>
        </div>
        </li>
        <li>
          2.2 By setting source
          <div class="tw-ml-[8px]">
        <li>
          a. First-party cookie：they are set by us or by the vendor we use.<br />
          b. Third-party cookie：they are set by a third party (different domain) other than our website.
        </li>
      </div>
      </li>
      </ul>
      <ul>
        <h4>3. Which cookies do we use and for what purpose?</h4>
        <li>
          3.1 Essential cookie
          Essential cookies are necessary for the operation of the website to allow you to use various features or
          services on the website, or to help us detect and prevent fraud while maintaining the security of the
          website, such as verifying your login information, recording your login information so that you do not have
          to log in repeatedly when you browse the website again, recording your shopping information, saving your
          connection information, remembering your language preferences, etc. Therefore, you will not be able to
          refuse to use it in our website settings. If you turn off the acceptance of the cookies setting in your
          browser, you may not be able to use certain features or services of the website properly.
        </li>
        <li>
          3.2 Performance and analysis for cookie
          he performance and analysis of cookies helps us to enhance our services and users' online experience, such
          as calculating and analyzing information on website traffic sources, popular pages, conversion rates,
          click-through rates, and other information that can be aggregated in an anonymous manner for market
          research. If you refuse to accept such cookies, we will not be able to use your online activity as the
          subject for our analysis.
        </li>
        <li>
          3.3 Ad tracking cookie
          Ad tracking cookies are set by us or by our advertising partners (advertising agency, advertisers). Such
          cookies can be used to create a profile of you to analyze your preferences and to deliver advertisements to
          you on our website or other media that are relevant to your interests. Advertising partners do not receive
          directly identifiable information about you from us, but instead track your online activity with the unique
          identifier of your browser or connected device. If you refuse to accept such cookies, the advertisements you
          receive may not be relevant to your interests.
        </li>
      </ul>
      <ul>
        <h4>4. How can you manage your consent?</h4>
        <li>
          You can refer to the following link to manage your browser's cookie settings according to
          your browser type and version. You can also manage your browser's cookie settings by searching for the
          latest information provided by your browser manufacturer.
          <ul>
            <li class="tw-text-complementary-1 tw-mt-[20px] tw-body-3">
              ．<a href="https://support.google.com/chrome/answer/95647?hl=en" target="_blank" style="color: inherit;">Google
                Chrome</a><br />
              ．<a
                href="https://support.microsoft.com/en-us/windows/delete-and-manage-cookies-168dab11-0753-043d-7c16-ede5947fc64d" target="_blank"
                style="color: inherit;">Microsoft Internet Explorer</a><br />
              ．<a
                href="https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox" target="_blank"
                style="color: inherit;">Mozilla Firefox</a><br />
              ．<a href="https://support.apple.com/guide/safari/clear-your-browsing-history-sfri47acf5d6/mac" target="_blank" style="color: inherit;">Apple</a>
            </li>
          </ul>
        </li>
      </ul>
  </div>
  </div>
  <div v-if="$i18n.locale == 'zh-tw'">
    <h2>Cookie 政策</h2>
    <div class="t14 tw-text-neutrals-600">
      <p>
        ShowEasy使用cookie來記錄及追蹤我們的網站使用者的線上行為。當您瀏覽我們的網站www.showeasy.com及所屬網域時，我們將儲存cookie在您的裝置（瀏覽器）中。
      </p>
      <ul>
        <h4>1. Cookie是什麼？</h4>
        <li>
          Cookie是一種小型文字檔案，我們將cookie儲存於您的瀏覽器中以記錄您的線上行為資訊，例如您的登入資訊、連線資訊、購物資訊、語言設定、瀏覽紀錄等。
        </li>
      </ul>
      <ul>
        <h4>2. Cookie的種類有哪些？</h4>
        <li>
          2.1 依儲存期間區分
          <div class="tw-ml-[8px]">
        <li>
          a. 工作階段cookie：當您關閉瀏覽器後即消失。<br />
          b. 持續性cookie：持續儲存於您的瀏覽器到您刪除為止。
        </li>
    </div>
    </li>
    <li>
      2.2 依設置來源區分
      <div class="tw-ml-[8px]">
    <li>
      a. 第一方cookie：由我們或經我們使用的廠商所設置。<br />
      b. 第三方cookie：由我們網站以外的第三人（不同網域）所設置。
    </li>
  </div>
  </li>
  </ul>
  <ul>
    <h4>3. 我們使用哪些cookie？目的是什麼？</h4>
    <li>
      3.1 必要cookie
      必要cookie是為網站執行所需，以便您順利使用網站的各項功能或服務，或協助我們偵測及預防詐欺行為，並維護網站的安全性，例如驗證您的登入資訊、記錄您的登入資訊以便您再次瀏覽網站時無須重複登入、記錄您的購物資訊、保存您的連線資訊、記住您的語言偏好等，因此您無法於我們的網站設定中拒絕使用。若您在瀏覽器中關閉接受我們的cookie，可能將導致無法正常使用網站的特定功能或服務。
    </li>
    <li>
      3.2 效能與分析cookie
      效能與分析cookie能夠協助我們強化服務與使用者的線上體驗，例如計算並分析網站流量來源、熱門網頁、轉換率、點擊率等資訊，並可以聚合資訊的匿名方式做市場研究。如您拒絕接受這類cookie，我們將無法以您的線上行為作為我們分析的標的。
    </li>
    <li>
      3.3 廣告追蹤cookie
      廣告追蹤cookie由我們或我們的廣告夥伴（廣告商、廣告主）設置。這類cookie可用以對您建立檔案以分析您的興趣偏好，並在我們的網站或其他媒體向您投遞您有興趣的廣告。廣告夥伴不會向我們取得可直接識別您的資料，而是以您的瀏覽器或連網裝置的獨特識別碼來追蹤您的線上行為。如您拒絕接受這類cookie，您所接受到的廣告將可能不符合您的興趣。
    </li>
  </ul>
  <ul>
    <h4>4. 如何管理設定？</h4>
    <li>
      您可參考以下連結，依您的瀏覽器類型與版本管理瀏覽器的cookie設定。您也可自行搜尋您的瀏覽器廠商提供的最新資訊來管理瀏覽器的cookie。
      <ul>
        <li class="tw-text-complementary-1 tw-mt-[20px] tw-body-3">
          ．<a href="https://support.google.com/chrome/answer/95647?hl=zh-Hant" style="color: inherit;" target="_blank">Google
            Chrome</a><br />
          ．<a
            href="https://support.microsoft.com/zh-tw/topic/%E5%A6%82%E4%BD%95%E5%88%AA%E9%99%A4-internet-explorer-%E4%B8%AD%E7%9A%84-cookie-%E6%AA%94%E6%A1%88-bca9446f-d873-78de-77ba-d42645fa52fc"
            style="color: inherit;" target="_blank">Microsoft Internet Explorer</a><br />
          ．<a
            href="https://support.mozilla.org/zh-TW/kb/delete-cookies-remove-info-websites-stored?redirectlocale=en-US&redirectslug=delete-cookies-remove-info-websites-stored"
            style="color: inherit;" target="_blank">Mozilla Firefox</a><br />
          ．<a href="https://support.apple.com/zh-tw/guide/safari/sfri47acf5d6/mac" style="color: inherit;" target="_blank">Apple</a>
        </li>
      </ul>
    </li>
  </ul>
  </div>
  </div>
  </v-card>

  <v-card color="transparent" width="648" flat>
    <div class="t12 tw-text-end" style="letter-spacing: 0.02em;line-height: 18px;color: #9C9C9C;">
      {{ $t('Effective Date: 01 January, 2022') }}
      {{ $t('Version: 1.0') }}
    </div>
  </v-card>
  </div>
</template>

<script>
export default {
  auth: false,
  data() {
    return {
      language: this.$i18n.locale,
    };
  },
}
</script>

<style lang="scss" scoped>
p {
  white-space: initial;
  margin-bottom: 4px;
}

li {

  margin-left: 15px;
  white-space: initial;
  margin-bottom: 4px;
  list-style: none;

}
</style>