Tuổi Trẻ Sao - Đăng ký gói Tuổi Trẻ Sao

<!DOCTYPE html> <html lang="en"> <head> <link rel="icon" href="https://sso.tuoitre.vn/favicon.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="csrf-token" content="JgA9jQ0GUufx7DqgBcK4BATzvZnHTkdICCq2MzOO"> <title>Tuổi Trẻ Sao - Đăng ký gói Tuổi Trẻ Sao</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/css/bootstrap5.css?id=2de49e670cc4541d67868b49062359e1"> <link rel="stylesheet" href="/css/v2-style1.css?id=7ba6960fe41086f4e7feed0b2473d55d"> <link rel="stylesheet" href="/css/v2-style2-custom.css?id=74859c2100054432a8714e162a42063e"> <link href="https://sso.tuoitre.vn/newsletter/css/registerTTS/style-tts.css" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Google+Sans:100,300,400,500,700,900,100i,300i,400i,500i,700i,900i" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" />  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" /> <link href="https://fonts.cdnfonts.com/css/avenir" rel="stylesheet"/>  <link rel="stylesheet" href="https://sso.tuoitre.vn/newsletter/dist/jquery.flipster.css"> <script type="text/javascript"> var _ADM_Channel = '%2Fmembers/dang-ky-ttsao%2F'; window.dataLayer = window.dataLayer || []; dataLayer.push({'pageCategory': decodeURIComponent(_ADM_Channel)}); </script> <script src="/js/app.js?id=03d3e466f5696ed27bcc53d085f68d6f"></script> <script src="/js/jquery.js?id=e810f78d0374fc6048b65c889470d17d"></script> <script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script> <style> .loader-page { position: fixed; background-color: black; width: 100%; height: 100%; z-index: 9999; opacity: 0.3; color: #ffffff; top: 0; left: 0; } .txt-rule { position: relative; padding: 50px; } .txt-rule .btn-close { outline: none; box-shadow: none; position: absolute; right: 15px; top: 15px; } .txt-rule h1 { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 20px; } .txt-rule h2 { font-size: 20px; font-weight: 700; margin-bottom: 14px; } .txt-rule h3 { font-size: 16px; font-weight: 700; margin-bottom: 10px; } .txt-rule .red { text-decoration: line-through; } @media only screen and (max-width: 600px) { .txt-rule { padding-left: 20px; padding-right: 20px; } } </style> <script type="text/javascript"> // 1. TTO GA4 (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KG7C9D4'); </script> <script> // 2.TTO Google Universal Analytics (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KFJP3N'); </script> </head> <body style="max-height: 4000px;"> <div class="d-flex flex-column justify-content-center align-items-center loader-page d-none" id="loading-process"> <div class="spinner-border loader-icon" role="status"> <span class="visually-hidden">Loading...</span> </div> <p class="w-100 text-center loader-text" data-text-waiting="Vui lòng đợi...">Vui lòng đợi...</p> </div> <div class="root"> <header class="header"> <div class="container-wrap"> <div class="page-nav"> <a href="https://tuoitre.vn/" class="link"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/TT-logo.svg" alt="TT logo"/> </a> <nav class="nav"> <a href="#introduce" class="nav-item link" >Giới thiệu Tuổi Trẻ Sao</a > <a href="#buy-package" class="nav-item link">Gói thành viên</a> <a href="#instruct" class="nav-item link">Hướng dẫn</a> </nav> </div> <div class="user-nav"> <a href="https://sso.tuoitre.vn/login" class="link">Đăng nhập</a> <a href="https://sso.tuoitre.vn/login" class="link">Đăng ký</a> </div> <div class="user-nav__logged"> <div class="user-nav__logged__block header"> <div class="user_nav__header__container"> <img class="header-image__vip" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/vip-icon.svg" alt="Vip icon"> <p class="user-nav__name">Xin chào,Antam</p> </div> <img class="header-image__dropdown" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/dropdown-Icon.svg" alt="Dropdown icon"> <div class="header-navbar"> <a href="https://sso.tuoitre.vn" class="header-navbar__item">Cài đặt tài khoản</a> <a href="https://sso.tuoitre.vn/bookmarked-articles" class="header-navbar__item">Tin đã lưu</a> <a href="https://sso.tuoitre.vn/commented-articles" class="header-navbar__item">Bình luận của bạn</a> <a href="https://sso.tuoitre.vn/transactions" class="header-navbar__item">Lịch sử giao dịch</a> <a href="#" class="header-navbar__item"> <p class="mt-2"> <label for="form-logout" > <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/logout-Icon.svg" class="header-navbar__item__logout__image"/>  Đăng xuất </label> </p> <form method="post" action="https://sso.tuoitre.vn/logout-tts " hidden> <input type="hidden" name="_token" value="JgA9jQ0GUufx7DqgBcK4BATzvZnHTkdICCq2MzOO"> <input type="hidden" name="redirectUrl" id="redirectUrl" value="get.view.register.package"> <button class="box-item" id="form-logout" type="submit" hidden> Đăng xuất </button> </form> </a> </div> </div> <div class="user-nav__logged__block "> <p class="user-nav__date">Tài khoản Tuổi Trẻ Sao: </p> <a class="user-nav__registing__link">Đăng ký Tuổi Trẻ Sao</a> </div> <div class="user-nav__logged__block"> <p class="user-nav__star">Sao 0</p> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/star-icon.svg" alt="Star icon"> </div> </div> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/menu.svg" class="menu mobile-element"/> <div class="mobile-menu close-menu"> <div class="menu-item"> <div class="user-nav__logged"> <div class="user-nav__logged__block header"> <div class="user_nav__header__container"> <img class="header-image__vip" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/vip-icon.svg" alt="Vip icon"> <p class="user-nav__name">Xin chào,Antam</p> </div> <img class="header-image__dropdown" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/dropdown-Icon.svg" alt="Dropdown icon"> <div class="header-navbar"> <a href="https://sso.tuoitre.vn" class="header-navbar__item">Cài đặt tài khoản</a> <a href="https://sso.tuoitre.vn/bookmarked-articles" class="header-navbar__item">Tin đã lưu</a> <a href="https://sso.tuoitre.vn/commented-articles" class="header-navbar__item">Bình luận của bạn</a> <a href="https://sso.tuoitre.vn/transactions" class="header-navbar__item">Lịch sử giao dịch</a> <a href="#" class="header-navbar__item"> <p class="mt-2"> <label for="form-logout" > <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/logout-Icon.svg" class="header-navbar__item__logout__image"/>  Đăng xuất </label> </p> <form method="post" action="https://sso.tuoitre.vn/logout-tts " hidden> <input type="hidden" name="_token" value="JgA9jQ0GUufx7DqgBcK4BATzvZnHTkdICCq2MzOO"> <input type="hidden" name="redirectUrl" id="redirectUrl" value="get.view.register.package"> <button class="box-item" id="form-logout" type="submit" hidden> Đăng xuất </button> </form> </a> </div> </div> <div class="user-nav__logged__block "> <p class="user-nav__date">Tài khoản Tuổi Trẻ Sao: </p> <a class="user-nav__registing__link" href="#">Đăng ký Tuổi Trẻ Sao</a> </div> <div class="user-nav__logged__block"> <p class="user-nav__star">Sao 0</p> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/star-icon.svg" alt="Star icon"> </div> </div> </div> <div class="menu-item"><a id="introduce-scroller" href="#introduce"> Giới thiệu Tuổi Trẻ Sao</a></div> <div class="menu-item"><a id="buy-package-scroller" href="#buy-package">Gói thành viên</a></div> <div class="menu-item"><a id="instruct-scroller" href="#instruct">Hướng dẫn</a></div> <div id="login" class="menu-item"><a href="https://sso.tuoitre.vn/login">Đăng nhập</a></div> <div id="registing" class="menu-item"><a href="https://sso.tuoitre.vn/login">Đăng ký</a></div> <div id="logout" class="menu-item"> <a href="#" class="header-navbar__item"> <p class="mt-2"> <label for="form-logout" > <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/logout-Icon.svg" class="header-navbar__item__logout__image"/>  Đăng xuất </label> </p> <form method="post" action="https://sso.tuoitre.vn/logout-tts " hidden> <input type="hidden" name="_token" value="JgA9jQ0GUufx7DqgBcK4BATzvZnHTkdICCq2MzOO"> <input type="hidden" name="redirectUrl" id="redirectUrl" value="get.view.register.package"> <button class="box-item" id="form-logout" type="submit" hidden> Đăng xuất </button> </form> </a> </div>  <div id="back" class="menu-item expand"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/chevron-left.svg"/> Trở lại </div> <div class="menu-item expand"><a href="https://sso.tuoitre.vn" class="header-navbar__item">Cài đặt tài khoản</a> </div> <div class="menu-item expand"><a href="https://sso.tuoitre.vn/bookmarked-articles"> Tin đã lưu</a></div> <div class="menu-item expand"><a href="https://sso.tuoitre.vn/commented-articles"> Bình luận của bạn</a></div> <div class="menu-item expand"><a href="https://sso.tuoitre.vn/transactions'"> Lịch sử giao dịch</a></div> </div> </div> </header> <section class="introduction-section"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/banner.svg" alt="" class="banner"/> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/banner-mobile.svg" alt="" class="banner-mobile"/> <div id="introduce" class="introduction-block"> <h1 class="title"> Tuổi Trẻ Sao <br/> Nâng cao trải nghiệm </h1> <p class="description pc-element"> Tuổi Trẻ Sao phiên bản không hiển thị quảng cáo và nhiều <br/> giá trị riêng biệt, trải nghiệm hấp dẫn </p> <p class="description mobile-element"> Tuổi Trẻ Sao phiên bản không hiển thị quảng cáo và nhiều giá trị riêng biệt, trải nghiệm hấp dẫn </p> <div class="button-block"> <a href="#chon-goi-thanh-vien" class="button button-solid" >Chọn gói thành viên</a > <a href="#huongdan" class="button"> Tìm hiểu về Tuổi Trẻ Sao </a> </div> </div> </section> <div class="container-wrap"> <section class="ttsao-info-block"> <div> <h1 class="title">Tuổi Trẻ Sao là gì?</h1> <p class="description"> Tuổi Trẻ Sao là một phiên bản của Tuổi Trẻ Online. Ngoài nội dung báo chí thông thường như trên Tuổi Trẻ Online, phiên bản Tuổi Trẻ Sao được xem như một phiên bản và không gian riêng dành cho mỗi bạn đọc. Và nhiều tính năng sẽ được cập nhật trong thời gian tới. </p> </div> <div class="page-row"> <div class="page-col-2"> <div class="info-component"> <div class="icon-wrap"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/ttsao-1.svg"/> </div> <h3>Không quảng cáo</h3> <p> Bạn đọc sẽ được trải nghiệm nội dung thông suốt, không bị xen lẫn quảng cáo hiển thị. Theo đó, tất cả các trang, chuyên mục, video đều được tắt quảng cáo hiển thị để không ảnh hưởng đến quá trình thưởng thức nội dung. </p> <div class="action" data-bs-toggle="modal" data-bs-target="#exampleModal" content-id="1" > <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/arrow-right.svg"/> <span>Xem thêm</span> </div> </div> </div> <div class="page-col-2"> <div class="info-component"> <div class="icon-wrap"> <img class="custom-cursor" href="https://epaper.tuoitre.vn" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/ttsao-2.svg"/> </div> <h3 class="custom-cursor" href="https://epaper.tuoitre.vn"> Đọc E-paper</h3> <p> Nếu bạn không tiện mua báo giấy hay đang đi công tác xa, mỗi sáng bạn đọc có thể trải nghiệm Tuổi Trẻ nhật báo trên Tuổi Trẻ Sao. 20 trang Tuổi Trẻ nhật báo được định dạng E-Paper với nhiều chức năng hiện đại để bạn dễ dàng theo dõi. Bản Tuổi Trẻ E-Paper có nhiều màu. Chỉ với một cú chạm, bạn có thể lật từng trang báo hoặc chọn trang để đọc. Bạn cũng có thể xem các bài báo trên giao diện web hoặc nghe AI đọc các bài báo. </p> <div class="action" content-id="2" data-bs-toggle="modal" data-bs-target="#exampleModal" > <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/arrow-right.svg"/> <span>Xem thêm</span> </div> </div> </div> <div class="page-col-2"> <div class="info-component"> <div class="icon-wrap"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/ttsao-3.svg"/> </div> <h3 class="custom-cursor" href="https://tuoitre.vn/video/tu-van-phap-luat.htm">Tư vấn pháp luật</h3> <p> Do đội ngũ các luật sư, luật gia nhiều năm kinh nghiệm đảm trách sẽ tư vấn pháp lý về tất cả lĩnh vực nóng hiện nay như: thủ tục liên quan đến mua bán đất đai, nhà cửa; vướng mắc về Luật dân sự, tranh chấp hợp đồng mua bán; tranh chấp tài sản cá nhân hoặc tổ chức; những vấn đề về thuế đối với doanh nghiệp và cá nhân; vấn đề bản quyền; Luật hôn nhân gia đình; hộ tịch, giấy tờ cá nhân; thừa kế, phân chia tài sản… và tất cả những vướng mắc khác về pháp lý trong sinh hoạt hằng ngày. Trong các trường hợp cần sự tư vấn chuyên sâu, bạn đọc là thành viên của Tuổi Trẻ Sao sẽ được tư vấn pháp lý trực tiếp. </p> <div class="action" content-id="3" data-bs-toggle="modal" data-bs-target="#exampleModal" > <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/arrow-right.svg"/> <span>Xem thêm</span> </div> </div> </div> <div class="page-col-2"> <div class="info-component"> <div class="icon-wrap"> <img class="custom-cursor" href="https://tuoitre.vn/video/hoi-chuyen-suc-khoe.htm" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/ttsao-4.svg"/> </div> <h3 class="custom-cursor" href="https://tuoitre.vn/video/hoi-chuyen-suc-khoe.htm">Hỏi chuyện sức khỏe</h3> <p> Với sự tham gia của các y bác sĩ, chuyên gia trong các lĩnh vực sức khỏe, làm đẹp, thể thao, dinh dưỡng..., Hỏi chuyện sức khỏe sẽ đem đến cho bạn đọc những tư vấn tận tâm về sức khỏe cả về thể chất và tinh thần. Bên cạnh các vấn đề sức khỏe chung, gặp ở nhiều người, nhiều nhà, Hỏi chuyện sức khỏe có tư vấn cá nhân, sẵn sàng trả lời thành viên của Tuổi Trẻ Sao các vấn đề mà bạn gặp phải theo cách riêng tư, phù hợp nhất với từng cá nhân. </p> <div class="action" content-id="4" data-bs-toggle="modal" data-bs-target="#exampleModal" > <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/arrow-right.svg"/> <span>Xem thêm</span> </div> </div> </div> <div class="page-col-2"> <div class="info-component"> <div class="icon-wrap"> <img class="custom-cursor" href="https://tuoitre.vn/video.htm" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/video.svg"/> </div> <h3 class="custom-cursor" href="https://tuoitre.vn/video.htm">Tuổi Trẻ Live</h3> <p> Thường xuyên trực tiếp các sự kiện nóng xảy ra trên cả nước cũng như thế giới. </p> <div class="action" content-id="5" data-bs-toggle="modal" data-bs-target="#exampleModal" > <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/arrow-right.svg"/> <span>Xem thêm</span> </div> </div> </div> </div>  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog modal-custom"> <div class="modal-content"> <div class="modal-body"> <div style="padding: 24px"> <div class="info-component"> <div class="icon-wrap"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/ttsao-1.svg"/> </div> <h3> Không quảng cáo</h3> <p> Bạn đọc sẽ được trải nghiệm nội dung thông suốt, không bị xen lẫn quảng cáo hiển thị. Theo đó, tất cả các trang, chuyên mục, video đều được tắt quảng cáo hiển thị để không ảnh hưởng đến quá trình thưởng thức nội dung. </p> <div class="action-modal right" data-bs-dismiss="modal"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/close.svg"/> <span>Đóng</span> </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="ttsao-list-pack" id="chon-goi-thanh-vien"> <div class="header-section" id="buy-package"> <h1 class="title">Chọn gói thành viên Tuổi Trẻ Sao</h1> <div class="description pc-element"> Gói Tuổi Trẻ Sao là gói truy cập vào phiên bản <br/> Tuổi Trẻ Sao với thời hạn nhất định, gắn liền với các quyền <br/> lợi đặc biệt dành riêng cho bạn đọc đăng ký gói này. </div> <div class="description mobile-element"> Gói Tuổi Trẻ Sao là gói truy cập vào phiên bản Tuổi Trẻ Sao với thời hạn nhất định, gắn liền với các quyền lợi đặc biệt dành riêng cho bạn đọc đăng ký gói này. </div> </div> <div class="list-pack"> <div class="toggle"> <label for="flexSwitchCheckChecked" class="toggle-active">Thanh toán bằng VNĐ</label> <div class="form-check form-switch"> <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" /> </div> <label for="flexSwitchCheckChecked">Đổi bằng Sao</label> </div> <div class="wrap-pack-info"> <div class="pack-info"> <div> <div> <div class="pack"> <div class="pack-name">Gói 1 tháng <span aria-valuenow="50" aria-valuemax="50"> -50%</span> </div> <div class="pack-price" aria-valuenow="30000" aria-valuemax="30">30.000 </div> <div class="pack-price-discount"> <span aria-valuenow="15000" aria-valuemax="15"> </span><span>VNĐ</span> </div> <button class="buy-button" onclick="subscribeAndStar('TTDB-30D','Gói 1 tháng', 50,30000,15000)"> Mua <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/arrow-right-black.svg"/> </button> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/pack-star.svg" alt=""/> </div> </div> </div> <div> <div> <div class="pack blue-theme" > <div class="pack-name">Gói 6 tháng <span aria-valuenow="50" aria-valuemax="50"> -50%</span> </div> <div class="pack-price" aria-valuenow="180000" aria-valuemax="180">180.000 </div> <div class="pack-price-discount"> <span aria-valuenow="90000" aria-valuemax="90"> </span><span>VNĐ</span> </div> <button class="buy-button" onclick="subscribeAndStar('TTDB-6M','Gói 6 tháng', 50,180000,90000)"> Mua <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/arrow-right-black.svg"/> </button> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/pack-star.svg" alt=""/> </div> </div> </div> <div> <div> <div class="pack"> <div class="pack-name">Gói 12 tháng <span aria-valuenow="50" aria-valuemax="50">-50%</span> </div> <div class="pack-price" aria-valuenow="360000" aria-valuemax="360">360.000 </div> <div class="pack-price-discount"> <span aria-valuenow="180000" aria-valuemax="180"> </span><span>VNĐ</span> </div> <button class="buy-button" onclick="subscribeAndStar('TTDB-12M','Gói 12 tháng', 50,360000,180000)"> Mua <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/arrow-right-black.svg"/> </button> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/pack-star.svg" alt=""/> </div> </div> </div> </div> </div> </div> </section> <div id="instruct" class="container-wrap"> <section class="guide"> <div class="header-section" id="huongdan"> <h1 class="title">Hướng dẫn</h1> <div class="description"> Các vấn đề thường gặp khi sử dụng Tuổi Trẻ Sao </div> </div> <div class="guide-tabs" > <div class="wrap-label"> <div class="tabs-label" content-id="2" data-bs-toggle="modal" data-bs-target="#guide-register-Modal"> <div class="label"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/ticket.svg"/>Hướng dẫn đăng ký & thanh toán </div> </div> <div class="tabs-label" content-id="2" data-bs-toggle="modal" data-bs-target="#guideModal"> <div class="label"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/service.svg"/>Hướng dẫn sử dụng </div> </div> </div> <div> <div class="collapse-item"> <div class="collapse-link" data-bs-toggle="collapse" href="#collapse-1" role="button" aria-expanded="false" aria-controls="collapse-1" > <span> Sao khác Tuổi Trẻ Sao như thế nào? Phân biệt giữa Sao và Tuổi Trẻ Sao </span> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/open.svg"/> </div> <div class="collapse" id="collapse-1"> <p class="collapse-content"> - Gói đọc báo Tuổi Trẻ Sao: Là gói truy cập vào phiên bản Tuổi Trẻ Sao với thời hạn nhất định, gắn liền với các quyền lợi dành riêng cho bạn đọc đăng ký gói này <br/> - Sao: là đơn vị được sử dụng trên hệ sinh thái báo Tuổi Trẻ, dùng để tương tác với các bài viết bằng cách đóng góp Sao cho Tuổi Trẻ (tặng Sao trong bài viết). </p> </div> </div> <div class="collapse-item"> <div class="collapse-link" data-bs-toggle="collapse" href="#collapse-2" role="button" aria-expanded="false" aria-controls="collapse-2" > <span> Phân biệt giữa E - Paper và báo Tuổi Trẻ Online? </span> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/open.svg"/> </div> <div class="collapse" id="collapse-2"> <p class="collapse-content"> - Tính năng E - Paper cho phép người đọc nhìn thấy giao diện như 1 tờ báo truyền thống được hiển thị trên máy tính hoặc điện thoại, về mặt bố cục sẽ không khác gì so với 1 tờ báo truyền thống <br/> - Báo Tuổi Trẻ Online: Người đọc sẽ đọc báo trên giao diện như các trang báo điện tử khác. </p> </div> </div> <div class="collapse-item"> <div class="collapse-link" data-bs-toggle="collapse" href="#collapse-3" role="button" aria-expanded="false" aria-controls="collapse-3" > <span> Nếu tôi muốn gia hạn đăng ký thành viên tôi phải làm như thế nào? </span> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/open.svg"/> </div> <div class="collapse" id="collapse-3"> <p class="collapse-content"> Bạn sẽ làm theo pop-up sau <span data-bs-toggle="modal" data-bs-target="#registration-renewal-modal" content-id="1" style="font-weight: 700; color: #4563fe; cursor: pointer" > đây, </span >kèm link đường dẫn </p> </div> </div> </div> </div> <div class="modal fade" id="registration-renewal-modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog modal-custom" style="width:800px; max-width:100%"> <div class="modal-content"> <div class="modal-body"> <div class="modal-content-custom"> <div> <img style="width: 100%" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/buy-package.png"/> </div> <img data-bs-toggle="modal" data-bs-target="#registration-renewal-modal" content-id="1" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/close.svg"/></div> </div> </div> </div> </div> <div class="modal fade" id="guideModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog modal-custom" style="width:800px;max-width:100%"> <div class="modal-content"> <div class="modal-body"> <div class="modal-content-custom"> <div> <img style="width: 100%" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/use-package.png"/> </div> <img content-id="2" data-bs-toggle="modal" data-bs-target="#guideModal" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/close.svg"/></div> </div> </div> </div> </div> <div class="modal fade" id="guide-register-Modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog modal-custom" style="width:800px; max-width:100%"> <div class="modal-content"> <div class="modal-body"> <div class="modal-content-custom"> <div> <img style="width: 100%" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/buy-package.png"/> </div> <img content-id="2" data-bs-toggle="modal" data-bs-target="#guide-register-Modal" src="https://sso.tuoitre.vn/newsletter/img/registerTTS/close.svg"/></div> </div> </div> </div> </div> </section> </div> <div class="container-wrap"> <div class="related-work"> <div class="header-section" style="margin-bottom: 45px"> <h1 class="title">Sản phẩm khác</h1> </div> <div class="related-list"> <div class="related-item"> <a href="https://sso.tuoitre.vn/sao" target="_blank"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/sao.png" alt="Sao" style="width: 100%"/> <h3>Sao</h3> </a> </div> <div class="related-item"> <a href="https://epaper.tuoitre.vn/gioi-thieu" target="_blank"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/epaper.jpg" alt="E-paper" style="width: 100%"/> <h3>E-paper</h3> </a> </div> <div class="related-item"> <a href="https://raovat.tuoitre.vn" target="_blank"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/raovat.jpg" alt="Tuổi Trẻ Rao Vặt" style="width: 100%"/> <h3>Tuổi Trẻ Rao Vặt</h3> </a> </div> </div> </div> </div> <footer class="footer"><div class="container-wrap"> <div> <div> <a href="https://tuoitre.vn/"> <img src="https://sso.tuoitre.vn/newsletter/img/registersao/TT-logo.svg" alt="logo" /> </a> <div class="footer-info"> <div style="margin-bottom: 12px"> Địa chỉ: 60A Hoàng Văn Thụ, P.9, Q.Phú Nhuận, Tp. Hồ Chí Minh </div> <div style="margin-bottom: 12px"> Liên hệ tòa soạn: Hotline: 0918.033.133 - Email: tto@tuoitre.com.vn </div> <div style="margin-bottom: 12px"> Trung tâm Dịch vụ Truyền thông: Hotline: 090.242.9833 - Email hỗ trợ: hotro@tuoitre.com.vn </div> </div> </div> <div class="social"> <a href="https://www.facebook.com/baotuoitre"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/fb.svg"/> </a> <a href="https://www.instagram.com/baotuoitre/"> <img src="https://sso.tuoitre.vn/newsletter/img/instagram.svg" /> </a> <a href="https://www.youtube.com/channel/UCrwJa6KRHWnJpJPZNeKKcvA"> <img src="https://sso.tuoitre.vn/newsletter/img/registerTTS/yt.svg" /> </a> </div> </div> </div> </footer> </div> <style> .modal-content .modal-body { border-bottom: none; /* Ẩn đường gạch ngang dưới nội dung */ } .modal-footer { border-top: none; /* Ẩn đường gạch ngang trên footer */ } .modal-header { border-bottom: none; /* Ẩn đường gạch ngang dưới header */ } </style> <div class="modal fade" id="MessPay2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-custom"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <h4 style="text-align: center"><strong>Thông báo</strong></h4> <h5 id="" style="text-align: center;"> Bạn đã mua thành công gói Tuổi Trẻ Sao. <span style="display: block; text-align: center;">Cảm ơn Bạn!</span> </h5> </div> <div class="modal-footer justify-content-center"> <button type="button" class="btn-1 btn-style-r my-3 fw-bolder" data-bs-dismiss="modal" onclick="window.location.href = 'https://sso.tuoitre.vn/dang-ky-tuoi-tre-sao'">Đóng</button> </div> </div> </div> </div> <div class="modal fade" id="MessPay" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog modal-custom"> <div class="modal-content"> <div class="modal-body"> <h4 style="text-align: center"><strong>Thông báo</strong></h4> <h5 id="myH5Element" style="text-align: center"> </h5> </div> </div> </div> </div> <input type="hidden" name="member" id="member" value=""> <div class="position-fixed bottom-0 end-0 mb-5 me-2 toast align-items-center text-white bg-success border-0 notification-after-alert" role="alert" aria-live="assertive" aria-atomic="true" style="z-index: 11"> <div class="d-flex"> <div class="toast-body"> Something alert </div> <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> </div> </div> <div class="modal my-modal fade" id="popupNoti" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 id="titleNoti" class="align-content-center modal-title my-title ">THÔNG BÁO CẬP NHẬT</h5> <button onClick="window.location.reload();" type="button" class="btn-close" data-bs-dismiss="modal" id="btnCloseUpdate" aria-label="Close"></button> </div> <div class="modal-body"> <label class="center fw-bold pt-3 text-center " id="messNoti" style="padding: 0 30px;padding-left: 110px"> </label> <div class="gap-2 text-center"> <button onClick="window.location.reload();" type="button" id="btnConfirm" class="btn-close btn-style-r my-3 fw-bolder fa-align-center" data-bs-dismiss="modal" aria-label="Close" onload="script();"> XÁC NHẬN </button> </div> </div> </div> </div> </div> <div class="modal my-modal fade" id="popupNotiVocuher" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 id="titleNoti" class="text-center modal-title my-title" >THÔNG BÁO</h5> <button onClick="window.location.reload();" type="button" class="btn-close" data-bs-dismiss="modal" id="btnCloseVoucher" aria-label="Close"></button> </div> <div class="modal-body"> <label class="center fw-bold pt-3 text-center " id="messNotiVoucher" style="padding: 0 30px;padding-left: 110px;margin-left: -4px"> </label> <div class="gap-2 text-center"> <button onClick="window.location.reload();" type="button" id="btnConfirmVoucher" class="btn-close btn-style-r my-3 fw-bolder fa-align-center" data-bs-dismiss="modal" aria-label="Close" onload="script();"> XÁC NHẬN </button> </div> </div> </div> </div> </div> <div class="modal fade" id="rulesModalFooter" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body txt-rule"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <h1>CHÍNH SÁCH BẢO MẬT</h1> <p>Báo Tuổi Trẻ chú trọng đến việc bảo vệ thông tin cá nhân của người dùng và cam kết tuân thủ các quy định về bảo mật dữ liệu cá nhân. Chính sách bảo mật này nhằm đảm bảo rằng thông tin cá nhân của người dùng được thu thập, lưu trữ và xử lý một cách an toàn và bảo mật.</p> <h2>1. Mục đích thu thập thông tin</h2> <p>Báo Tuổi Trẻ thu thập thông tin cá nhân của người dùng với mục đích cung cấp cho người dùng dịch vụ tốt hơn với những ưu điểm: đăng ký tài khoản, gửi những tin tức mới nhất, những tin tức được xã hội quan tâm thông qua các kênh truyền thông của báo Tuổi Trẻ như thông báo của web, thông báo của app, gửi email, hiển thị tối ưu quảng cáo nhằm mục đích tăng trải nghiệm người dùng, hoặc gửi thông tin về các chương trình sự kiện do báo Tuổi Trẻ tổ chức.</p> <h2>2. Loại thông tin được thu thập</h2> <p>Báo Tuổi Trẻ thu thập các thông tin liên quan đến người dùng, bao gồm họ tên, giới tính, ngày sinh, địa chỉ email, điện thoại, địa chỉ IP, vị trí địa lý, thông tin trình duyệt và các thông tin khác liên quan đến hành vi trực tuyến của người dùng.</p> <h2>3. Phương thức thu thập thông tin</h2> <p>Báo Tuổi Trẻ thu thập thông tin cá nhân của người dùng thông qua đăng ký tài khoản, mẫu điền thông tin, cookie, các công cụ phân tích trang web và các phương tiện truyền thông khác. Chúng tôi cam kết sử dụng các phương thức thu thập thông tin an toàn và bảo mật.</p> <h2>4. Điều kiện để thu thập thông tin</h2> <p>Báo Tuổi Trẻ chỉ thu thập thông tin cá nhân của người dùng khi được sự đồng ý của người dùng, cũng như khi thông tin được thu thập để thực hiện việc trao giải của các cuộc thi, sự kiện, trò chơi do báo Tuổi Trẻ tổ chức hoặc để tuân thủ các yêu cầu pháp lý.</p> <h2>5. Quyền riêng tư của người dùng</h2> <p>Báo Tuổi Trẻ tôn trọng quyền riêng tư của người dùng và cam kết bảo vệ thông tin cá nhân của người dùng. Người dùng có quyền truy cập, sửa đổi, xoá và chặn thông tin cá nhân của mình. Nếu người dùng có bất kỳ yêu cầu nào liên quan đến thông tin cá nhân của mình, chúng tôi sẵn sàng hỗ trợ.</p> <h2>6. Bảo mật thông tin</h2> <p>Báo Tuổi Trẻ cam kết sử dụng các biện pháp bảo mật để bảo vệ thông tin cá nhân của người dùng. Chúng tôi sử dụng các công nghệ bảo mật như mã hóa, giới hạn quyền truy cập và các quy trình bảo mật khác để đảm bảo rằng thông tin cá nhân của người dùng được bảo vệ một cách an toàn và bảo mật.</p> <h2>7. Chia sẻ thông tin</h2> <p>Báo Tuổi Trẻ chỉ chia sẻ thông tin cá nhân của người dùng với bên thứ ba khi có sự đồng ý của người dùng hoặc khi thông tin được yêu cầu để thực hiện tuân thủ các yêu cầu pháp lý. Chúng tôi chỉ chia sẻ thông tin cần thiết và cam kết bảo vệ thông tin cá nhân của người dùng.</p> <h2>8. Điều chỉnh chính sách bảo mật</h2> <p>Báo Tuổi Trẻ cam kết cập nhật chính sách bảo mật để phù hợp với các thay đổi về công nghệ, quy định pháp lý và nhu cầu của người dùng. Chúng tôi sẽ thông báo cho người dùng về các thay đổi này và cung cấp cách thức để người dùng có thể phản hồi hoặc yêu cầu bảo vệ thông tin cá nhân của mình.</p> <h2>9. Liên hệ</h2> <p>Nếu người dùng có bất kỳ câu hỏi hoặc yêu cầu liên quan đến chính sách bảo mật của báo Tuổi Trẻ, xin vui lòng liên hệ với chúng tôi thông qua địa chỉ email: <b>hotro@tuoitre.com.vn</b>.</p> <p>Báo Tuổi Trẻ xác định rằng, việc bảo vệ thông tin cá nhân của người dùng là rất quan trọng. Từ đó chúng tôi sẽ luôn cập nhật và hoàn thiện chính sách bảo mật của mình một cách tốt nhất để đảm bảo rằng người dùng có thể yên tâm truy cập và sử dụng dịch vụ của chúng tôi an toàn và bảo mật.</p> <div class="d-flex justify-content-center mt-5"> <button type="button" class="btn btn-style" data-bs-dismiss="modal">Tôi đã đọc và đồng ý </button> </div> </div> </div> </div> </div> <script src="/js/auth.js?id=bb7408fe312fec91c61ea1829d2b9b94"></script> <script src="/js/animation-v2.js?id=b07bef1a89b6b779d4c5e2f0bb70c19a"></script> <script src="https://sso.tuoitre.vn/newsletter/js/registerTTS/app-tts.js"></script> <script> // document.getElementById("introduce-scroller").onclick = closeMenuWhenScroolOnMobile(e) checkMember(); function checkMember() { const temp = document.getElementById('member').value; if (temp !== '') { const member = JSON.parse(temp); const star = member.star !== 0 && member.star !== 0 ? member.star : 0; const mame = member.name !== null ? member.name : ''; const expires_at = member.expires_at !== '' ? member.expires_at : 0; const timestampInSeconds = Math.floor(new Date().getTime() / 1000); if (timestampInSeconds<expires_at&&expires_at>0) { // Tạo một đối tượng Date từ timestamp const date = new Date(expires_at*1000); // Lấy thông tin về ngày, tháng, năm var day = date.getDate(); var month = date.getMonth() + 1; // Lưu ý: Tháng bắt đầu từ 0 var year = date.getFullYear(); // Hiển thị ngày tháng năm theo định dạng mong muốn const formattedDate = day + '/' + month + '/' + year; displayUser(true, true, mame, formattedDate, star) // displayUser(true,true,"mame","expires_at","star") dataLayer.push({ event: "user_login_sucess", userInfo: member }); } else { displayUser(true, false, mame, null, star) } } else { displayUser() } } function displayUser(isLogin = false, isMember = false, name = ' ', date = null, star = 0) { const userNav = document.querySelectorAll("div.user-nav") const userNavLogged = document.querySelectorAll("div.user-nav__logged") if (isLogin) { if (window.innerWidth >= 1068) { userNav.forEach(element => { element.style.display = 'none' }) userNavLogged.forEach(element => { element.style.display = 'block' }) } else { document.getElementsByClassName('header-image__dropdown')[1].src = './newsletter/img/registerTTS/chevron-right.svg' userNav.forEach(element => { element.style.display = 'none' }) } const userNavDate = document.querySelectorAll(".user-nav__date") const userNavResgistingLink = document.querySelectorAll(".user-nav__registing__link") const userNavName = document.querySelectorAll(".user-nav__name") const userNavStar = document.querySelectorAll(".user-nav__star") const menuItemLogin = document.getElementById('login') const menuItemRegisting = document.getElementById('registing') menuItemLogin.style.display = 'none' menuItemRegisting.style.display = 'none' userNavName.forEach(element => { element.textContent = `Xin chào, ${name}` }) userNavStar.forEach(element => { element.textContent = `Sao ${star}` }) if (isMember) { userNavResgistingLink.forEach(element => { element.style.display = 'none' }) userNavDate.forEach(element => { element.textContent = `Tài khoản Tuổi Trẻ Sao: ${date}` }) } else { userNavDate.forEach(element => { element.style.display = 'none' }) const vipImage = document.querySelectorAll('img.header-image__vip') const headerNavbarItemLoggoutStar = document.querySelectorAll('a.header-navbar__item__loggout__member') vipImage.forEach(element => { element.style.display = 'none'; }) headerNavbarItemLoggoutStar.forEach(element => { element.style.display = 'none' }) } } else { userNavLogged.forEach(element => { element.style.display = 'none' }) document.getElementById('logout').style.display = 'none' //Placeholder of userNav if (window.innerWidth < 1068) { userNav.forEach(element => { element.style.display = 'none' }) menuItems = document.querySelectorAll('div.menu-item') menuItems[0].style.display = 'none' } } //handle click to user-nav__logged" on mobile if (window.innerWidth < 1068 && isLogin) { userNavLogged[1].onclick = function (e) { const menuItems = document.querySelectorAll('div.menu-item') menuItems.forEach(element => { element.classList.contains('expand') ? element.style.display = 'flex' : element.style.display = 'none' if (!isMember && element.classList.contains('header-navbar__item__loggout__member')) element.style.display = 'none' }) } document.querySelector('#back').onclick = function (e) { const menuItems = document.querySelectorAll('div.menu-item') menuItems.forEach(element => { if (element.id !== 'login' && element.id !== 'registing') { element.classList.contains('expand') ? element.style.display = 'none' : element.style.display = 'flex' } }) } } } function getCurrentDateTimeWithOffset() { // Lấy thời gian hiện tại let now = new Date(); // Lấy các thành phần của thời gian let year = now.getFullYear(); let month = (now.getMonth() + 1).toString().padStart(2, '0'); let day = now.getDate().toString().padStart(2, '0'); let hours = now.getHours().toString().padStart(2, '0'); let minutes = now.getMinutes().toString().padStart(2, '0'); let seconds = now.getSeconds().toString().padStart(2, '0'); // Lấy offset múi giờ và chuyển đổi nó thành chuỗi dạng +HH:MM let offsetMinutes = now.getTimezoneOffset(); let offsetHours = Math.abs(offsetMinutes / 60); let offsetMinutesPart = Math.abs(offsetMinutes % 60); let offsetString = (offsetMinutes < 0 ? "+" : "-") + offsetHours.toString().padStart(2, '0') + ':' + offsetMinutesPart.toString().padStart(2, '0'); // Tạo chuỗi thời gian theo định dạng "YYYY-MM-DDTHH:MM:SS±HH:MM" let formattedTime = `${year}-${month}-${day}T${hours}:${minutes}:${seconds}${offsetString}`; return formattedTime; } async function checkLogin() { let apiUrl = 'https://sso.tuoitre.vn/api/front/v1/auth/login/check' try { const response = await axios.get(apiUrl); return response.data; // Trả về dữ liệu từ API } catch (error) { throw error; } } async function checkInfo() { let apiUrl = 'https://sso.tuoitre.vn/api/front/v1/auth/info' try { const response = await axios.get(apiUrl); return response.data; // Trả về dữ liệu từ API } catch (error) { throw error; } } async function loadWaiting(){ var loadingTextElement = document.getElementsByClassName('loader-text')[0]; loadingTextElement.innerHTML = loadingTextElement.getAttribute('data-text-waiting'); document.getElementById('loading-process').classList.add('d-none'); var loadingTextElement = document.getElementsByClassName('loader-text')[0]; loadingTextElement.innerHTML = loadingTextElement.getAttribute('data-text-waiting'); document.getElementById('loading-process').classList.remove('d-none'); await new Promise(resolve => setTimeout(resolve, 3000));//0.2 document.getElementById('loading-process').classList.add('d-none'); } async function subscribeAndStar(subscriptionCode = null, item_name = null, discount = null, price = null, final_price = null, charge_star = null, numberOfStars = null, starCode = null, redirectUrl = "https://sso.tuoitre.vn/dang-ky-tuoi-tre-sao") { let temp = null let check = document.getElementById('flexSwitchCheckChecked') if (check.checked) { charge_star = 1 document.getElementById("myH5Element").innerText = 'Tài khoản Sao của bạn phải lớn hơn số Sao đăng ký gói Tuổi Trẻ Sao,nếu số Sao không đủ bạn vui lòng thanh toán bằng VNĐ' var myModal = new bootstrap.Modal(document.getElementById('MessPay'), { keyboard: false }) myModal.toggle() await new Promise(resolve => setTimeout(resolve, 3000));//3s myModal.hide() } let login = await checkLogin() if (login.logged !== false) { loadWaiting() if (!check.checked) { let info = await checkInfo() temp = info.data let currentDateTime = getCurrentDateTimeWithOffset(); let device_category = '' let deviceType = navigator.userAgent; if (/Tablet|iPad/i.test(deviceType)) { device_category = 'tablet' } else if (/Mobile|Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(deviceType)) { device_category = 'mobile'; } else { device_category = 'desktop'; } dataLayer.push({"ecommerce": null}); // clear data dataLayer.push({ "event": "view_item", "user_id": temp.id, "is_ttsao": 1, "referrer_url": document.referrer, "article_full_url": window.location.href, "plaform": "web", // web | android | ios "device_category": device_category, // desktop | mobile | tablet "timestamp": currentDateTime, // thời gian lúc client thực hiện hành vi timezone GMT+7 "ecommerce": { "currency": "VND", "value": final_price, "coupon": "NA", "items": [ { "index": 1, "item_id": subscriptionCode, "item_name": item_name, "item_url": redirectUrl, "item_image": "NA", "coupon": "NA", "discount": discount / 100, "price": price, "final_price": final_price, "quantity": 1, "item_brand": "TTSAO", "item_category": subscriptionCode } ] } }); dataLayer.push({ "event": "add_to_cart", "user_id": temp.id, "is_ttsao": 1, "referrer_url": document.referrer, "article_full_url": window.location.href, "plaform": "web", // web | android | ios "device_category": device_category, // desktop | mobile | tablet "timestamp": currentDateTime, // thời gian lúc client thực hiện hành vi timezone GMT+7 "ecommerce": { "currency": "VND", "value": final_price, "coupon": "NA", "items": [ { "index": 1, "item_id": subscriptionCode, "item_name": item_name, "item_url": redirectUrl, "item_image": "NA", "coupon": "NA", "discount": discount / 100, "price": price, "final_price": final_price, "quantity": 1, "item_brand": "TTSAO", "item_category": subscriptionCode } ] } }); //tracking netcode call backend let data = [] data = { 'code': subscriptionCode, 'subscription_money': final_price, 'star_code': null, 'star': null, 'star_money': null }; let jsonItem = JSON.stringify(data) let member_id = temp.id let money = final_price let plaform = "web" const apinetcore = 'https://netcore-member.tuoitre.vn/v1/member-netcore/addtocart'; const apiUrl = 'https://sso.tuoitre.vn/call-member-netcore'; const formData = new FormData(); formData.append('member_id', member_id); formData.append('money', money); formData.append('items', jsonItem); formData.append('plaform', plaform); formData.append('device_category', device_category); formData.append('redirectUrl', redirectUrl); formData.append('url', apinetcore); // Make a POST request with form data axios.post(apiUrl, formData, { credentials: true, withCredentials: true, // Include credentials headers: { 'Content-Type': 'multipart/form-data', }, }) .then(response => { }) .catch(error => { console.error('Error:', error); }) } axios({ method: 'POST', url: 'https://sso.tuoitre.vn/api/front/v1/subscriptions-and-stars', headers: { 'Accept': 'application/json' }, data: { subscriptionCode: subscriptionCode, starCode: starCode, numberOfStars: numberOfStars, charge_star: charge_star, redirectUrl: redirectUrl }, withCredentials: true }).then((response) => { if (response.status === 200) { if ((response.data?.requireCharge) && response.data?.chargeUrl) { window.location.href = response.data.chargeUrl; } else { // // Dừng trong vài giây trước khi load lại trang // setTimeout(function() { // // Load lại trang sau khi đã chờ một khoảng thời gian // // location.reload(); // }, 1000); // 1000 mili giây tương đương 1 giây, bạn có thể điều chỉnh thời gian chờ ở đây let myModal2 = new bootstrap.Modal(document.getElementById('MessPay2'), { keyboard: false }) myModal2.toggle() } } else { alert("Error") } }).catch((error) => { console.log(error) }); } else { document.getElementById("myH5Element").innerText = 'Bạn vui lòng đăng nhập (hoặc đăng ký) tài khoản tuoitre.vn' var myModal = new bootstrap.Modal(document.getElementById('MessPay'), { keyboard: false }) myModal.toggle() await new Promise(resolve => setTimeout(resolve, 3000));//3s axios({ method: 'GET', //dang nhap xong chuyen qua trang thanh toán url: 'https://sso.tuoitre.vn/api/front/v1/auth/login?redirectUrl=http://sso.tuoitre.vn/get-store?subscriptionCode=' + subscriptionCode + '_' + charge_star, headers: { 'Accept': 'application/json' }, withCredentials: true }).then((response) => { window.open(response.data?.loginUrl ?? null, '_self') }).catch((error) => { console.log(error) }); } } </script> <script> const toastInitElement = document.getElementsByClassName('notification-init-alert')[0]; if (toastInitElement) { (new bootstrap.Toast(toastInitElement, {delay: 5000})).show() } </script> </body> </html>

CINXE.COM

Tuổi Trẻ Sao - Đăng ký gói Tuổi Trẻ Sao