h5.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>USSlot77 - Get Free Bonus</title>
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
  8. <style>
  9. * {
  10. box-sizing: border-box;
  11. margin: 0;
  12. padding: 0;
  13. }
  14. html, body {
  15. width: 100%;
  16. height: 100%;
  17. background: #000;
  18. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  19. Helvetica, Arial, sans-serif;
  20. }
  21. body {
  22. display: flex;
  23. justify-content: center;
  24. align-items: stretch;
  25. }
  26. /* Main canvas area (designed for 720x1280) */
  27. .stage {
  28. position: relative;
  29. width: 100%;
  30. max-width: 720px;
  31. height: 100vh;
  32. max-height: 1280px;
  33. overflow: hidden;
  34. background: #000 url("https://usslots-s3.s3.us-east-1.amazonaws.com/h5-images/bg_01.png") no-repeat top center;
  35. background-size: cover;
  36. cursor: pointer; /* Entire page is clickable */
  37. }
  38. /* Top green banner */
  39. .top-bar {
  40. position: absolute;
  41. top: 0;
  42. left: 50%;
  43. transform: translateX(-50%);
  44. width: 100%;
  45. max-width: 720px;
  46. height: auto;
  47. z-index: 5;
  48. pointer-events: none; /* Click is handled by .stage */
  49. }
  50. /* Popup mask (not closable) */
  51. .popup-mask {
  52. position: absolute;
  53. inset: 0;
  54. background: rgba(0, 0, 0, 0.65);
  55. display: flex;
  56. justify-content: center;
  57. align-items: center;
  58. z-index: 10;
  59. }
  60. /* Popup image container */
  61. .popup {
  62. position: relative;
  63. width: 78%;
  64. max-width: 563px;
  65. }
  66. .popup__img {
  67. width: 100%;
  68. display: block;
  69. }
  70. </style>
  71. <!-- Parse URL parameters and extract pxid -->
  72. <script>
  73. (function () {
  74. function parseQuery(qs) {
  75. var res = {};
  76. if (!qs) return res;
  77. if (qs.charAt(0) === "?") qs = qs.substring(1);
  78. var arr = qs.split("&");
  79. for (var i = 0; i < arr.length; i++) {
  80. if (!arr[i]) continue;
  81. var kv = arr[i].split("=");
  82. var k = decodeURIComponent(kv[0] || "");
  83. var v = decodeURIComponent(kv[1] || "");
  84. if (k) res[k] = v;
  85. }
  86. return res;
  87. }
  88. var query = parseQuery(window.location.search);
  89. // Pixel ID is fully controlled by incoming pxid
  90. window.PIXEL_ID_DEFAULT = query.pxid || "";
  91. window.QUERY_PARAMS = query;
  92. })();
  93. </script>
  94. </head>
  95. <body>
  96. <div class="stage" id="stageRoot">
  97. <!-- Top banner image -->
  98. <img src="https://usslots-s3.s3.us-east-1.amazonaws.com/h5-images/top_01.png" alt="Top Bar" class="top-bar" />
  99. <!-- Popup always shown (not closable) -->
  100. <div class="popup-mask" id="bonusPopup">
  101. <div class="popup">
  102. <img src="https://usslots-s3.s3.us-east-1.amazonaws.com/h5-images/pop_01.png" alt="Popup" class="popup__img" />
  103. </div>
  104. </div>
  105. </div>
  106. <script>
  107. // Handle click → report Lead → redirect
  108. function goToUsslot() {
  109. // Forward ALL URL parameters + pixel=pxid
  110. var params = new URLSearchParams(window.location.search || "");
  111. // pixel must equal pxid
  112. if (window.PIXEL_ID_DEFAULT) {
  113. params.set('pixel', window.PIXEL_ID_DEFAULT);
  114. }
  115. // c parameter is taken from the landing page URL (no hardcoding)
  116. var finalUrl = 'https://www.usslot777.com/';
  117. var queryStr = params.toString();
  118. if (queryStr) finalUrl += '?' + queryStr;
  119. window.location.href = finalUrl;
  120. }
  121. // Entire page click → redirect
  122. (function () {
  123. var stage = document.getElementById('stageRoot');
  124. stage.addEventListener('click', function () {
  125. goToUsslot();
  126. }, false);
  127. })();
  128. </script>
  129. </body>
  130. </html>