single.html 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
  7. <meta http-equiv="Cache-Control" content="no-cache">
  8. <title>ChoozMo AI-PR Service</title>
  9. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
  10. integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  11. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
  12. <link rel="stylesheet" href="/css/style.css">
  13. <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
  14. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
  15. <!-- Start of HubSpot Embed Code -->
  16. <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
  17. <!-- End of HubSpot Embed Code -->
  18. <script>
  19. window.dataLayer = window.dataLayer || [];
  20. function gtag() { dataLayer.push(arguments); }
  21. gtag('js', new Date());
  22. gtag('config', 'AW-474336061');
  23. </script>
  24. </head>
  25. <body>
  26. {{ partial "navbar.html" . }}
  27. <main id="youtube-views">
  28. <section class="header">
  29. <img src="/imgs/dm/bg-arrow.webp" alt="" class="header-lefttop w-100">
  30. <div class="container">
  31. <div class="row align-items-center g-0">
  32. <div class="col-12 col-md-6 text-center">
  33. <h2 class="header-title" style="font-size: 2.9rem;">{{ .Params.packageTitle }}</h2>
  34. <p class="text-center px-3 m-0">{{ .Params.packageSub1 }}</p>
  35. <p class="text-center px-3">{{ .Params.packageSub2 }}</p>
  36. <button class="contact-btn" onclick="window.location.href=`/contact/service/`">Contact us</button>
  37. </div>
  38. <div class="col-12 col-md-6">
  39. <div class="header-right header-dm" style="background-image: url('/imgs/dm/dm_video-making-1.png');">
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </section>
  45. <section class="category container text-center dm-description mt-xl mt-5 mt-lg-0">
  46. <h2 class="category-sub-h2 pt-4 pt-lg-5"></h2>
  47. <h5>
  48. {{ .Params.description_01 }}
  49. <br>
  50. {{ .Params.description_02 }}
  51. </h5>
  52. </section>
  53. <div class="container">
  54. <div class="card-group flex-column flex-lg-row">
  55. <div class="card h-100">
  56. <div class="card-body p-0 py-4 d-flex flex-column align-items-center">
  57. <div class="d-flex flex-column mb-2">
  58. <section class="d-flex mx-auto">
  59. <img width="30" height="30" src="/imgs/icon/play-button.png" alt="" class="me-2">
  60. <h5 class="card-title m-0 fw-bold">2,000</h5>
  61. </section>
  62. <span class="text-center" style="color: #7c8ba7;">Views</span>
  63. </div>
  64. <p class="card-text price">30 USD</p>
  65. <div class="mx-auto mt-2 mb-1">
  66. <ul>
  67. <li class="card-text mb-2">
  68. <img width="30" src="/imgs/icon/check.png" alt="">
  69. 100% true views
  70. </li>
  71. <li class="card-text">
  72. <img width="30" src="/imgs/icon/check.png" alt="">
  73. Performance report included
  74. </li>
  75. </ul>
  76. <!-- <p class="card-text mb-2">Placement fee : NT$400/video</p> -->
  77. <!-- <p class="card-text">Cost per valid view : NT$0.4</p> -->
  78. </div>
  79. <p>
  80. <button class="buy-btn" type="button" data-bs-toggle="collapse" data-bs-target="#paypal_box"
  81. aria-expanded="false" aria-controls="collapseExample">
  82. Buy Now
  83. </button>
  84. </p>
  85. <div class="collapse w-100" id="paypal_box">
  86. <div class="card card-body paypal-content">
  87. <div id="smart-button-container">
  88. <div style="text-align: center;">
  89. <div id="paypal-button-container-30"></div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. <!-- <button class="buy-btn">Buy Now</button> -->
  95. </div>
  96. </div>
  97. <div class="card mx-lg-5 my-5 my-lg-0 h-100">
  98. <div class="card-body p-0 py-4 d-flex flex-column align-items-center">
  99. <div class="d-flex flex-column mb-2">
  100. <section class="d-flex mx-auto">
  101. <img width="30" height="30" src="/imgs/icon/play-button.png" alt="" class="me-2">
  102. <h5 class="card-title m-0 fw-bold">4,200</h5>
  103. </section>
  104. <span class="text-center" style="color: #7c8ba7;">Views</span>
  105. </div>
  106. <p class="card-text price">60 USD</p>
  107. <div class="mx-auto mt-2 mb-1">
  108. <ul>
  109. <li class="card-text mb-2">
  110. <img width="30" src="/imgs/icon/check.png" alt="">
  111. 100% true views
  112. </li>
  113. <li class="card-text">
  114. <img width="30" src="/imgs/icon/check.png" alt="">
  115. Performance report included
  116. </li>
  117. </ul>
  118. <!-- <p class="card-text mb-2">Placement fee : NT$400/video</p> -->
  119. <!-- <p class="card-text">Cost per valid view : NT$0.4</p> -->
  120. </div>
  121. <p>
  122. <button class="buy-btn" type="button" data-bs-toggle="collapse" data-bs-target="#paypal_box_60"
  123. aria-expanded="false" aria-controls="collapseExample">
  124. Buy Now
  125. </button>
  126. </p>
  127. <div class="collapse w-100" id="paypal_box_60">
  128. <div class="card card-body paypal-content">
  129. <div id="smart-button-container">
  130. <div style="text-align: center;">
  131. <div id="paypal-button-container-60"></div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="card h-100">
  139. <div class="card-body p-0 py-4 d-flex flex-column align-items-center">
  140. <div class="d-flex flex-column mb-2">
  141. <section class="d-flex mx-auto">
  142. <img width="30" height="30" src="/imgs/icon/play-button.png" alt="" class="me-2">
  143. <h5 class="card-title m-0 fw-bold">7,500</h5>
  144. </section>
  145. <span class="text-center" style="color: #7c8ba7;">Views</span>
  146. </div>
  147. <p class="card-text price">100 USD</p>
  148. <div class="mx-auto mt-2 mb-1">
  149. <ul>
  150. <li class="card-text mb-2">
  151. <img width="30" src="/imgs/icon/check.png" alt="">
  152. 100% true views
  153. </li>
  154. <li class="card-text">
  155. <img width="30" src="/imgs/icon/check.png" alt="">
  156. Performance report included
  157. </li>
  158. </ul>
  159. <!-- <p class="card-text mb-2">Placement fee : NT$400/video</p> -->
  160. <!-- <p class="card-text">Cost per valid view : NT$0.4</p> -->
  161. </div>
  162. <p>
  163. <button class="buy-btn" type="button" data-bs-toggle="collapse" data-bs-target="#paypal_box_100"
  164. aria-expanded="false" aria-controls="collapseExample">
  165. Buy Now
  166. </button>
  167. </p>
  168. <div class="collapse w-100" id="paypal_box_100">
  169. <div class="card card-body paypal-content">
  170. <div id="smart-button-container">
  171. <div style="text-align: center;">
  172. <div id="paypal-button-container-100"></div>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="row direction-list">
  181. <div class="col-12 col-md-6 content">
  182. <div class="d-flex align-items-start">
  183. <img src="/imgs/icon/analytics.png" alt="" class="me-3">
  184. <section class="d-flex flex-column">
  185. <h5>What are YouTube views?</h5>
  186. <p>
  187. Views on a YouTube video are counted if the video is played at the initiative of the user and the video
  188. is not detected as spam by YouTube’s algorithm.
  189. </p>
  190. </section>
  191. </div>
  192. <div class="d-flex align-items-start">
  193. <img src="/imgs/icon/padlock.png" alt="" class="me-3">
  194. <section class="d-flex flex-column">
  195. <h5>Safe and secure</h5>
  196. <p>
  197. We NEVER ask the password of your YouTube account or any private information when you purchase our
  198. services. However, you should protect your YouTube account and never share the password of your YouTube
  199. account with anyone.
  200. </p>
  201. </section>
  202. </div>
  203. </div>
  204. <div class="col-12 col-md-6 content">
  205. <div class="d-flex align-items-start">
  206. <img src="/imgs/icon/search.png" alt="" class="me-3">
  207. <section class="d-flex flex-column">
  208. <h5>Why buy YouTube views?</h5>
  209. <p>
  210. People tend to look at the view count of videos when deciding which video to watch. Videos with high
  211. view counts attract more people to click and watch the videos. Buying views can increase your chances of
  212. getting more organic views.
  213. </p>
  214. </section>
  215. </div>
  216. <div class="d-flex align-items-start">
  217. <img src="/imgs/icon/exclamation.png" alt="" class="me-3">
  218. <section class="d-flex flex-column">
  219. <h5>Making sure your YouTube views are counted correctly</h5>
  220. <p>
  221. To ensure your YouTube views are counted correctly, DO NOT purchase views from multiple services at the
  222. same time.
  223. </p>
  224. </section>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="container-fluid py-5 my-5 position-relative" style="background-color: #FFEBE2;">
  230. <div class="row justify-content-center align-items-center">
  231. <div class="col-11 col-lg-5">
  232. <h5 class="title">Why Should You Buy YouTube Views?</h5>
  233. <p>
  234. Given YouTube’s popularity as a video streaming platform, competition for views and ranking on YouTube is
  235. tough. Aside from the title, thumbnail, and description of a video, view count is also an important factor
  236. for users to decide which video to watch – in fact, people prefer watching videos which have a high view
  237. count! Videos with a high view count attract more people to click and watch the videos. Buying YouTube views
  238. can increase your chances of getting more organic views and gaining higher exposure, which in turn increases
  239. your channel’s credibility, puts your video higher in the rankings, and potentially helps you earn more
  240. subscribers.
  241. </p>
  242. </div>
  243. <div class="col-12 col-lg-6">
  244. <img src="/imgs/dm/yt-views/stock-01.png" alt="" class="img-fluid">
  245. </div>
  246. </div>
  247. <img src="/imgs/bottom-line.png" alt="" class="position-absolute">
  248. </div>
  249. <div class="container" style="margin-top: 80px;">
  250. <div class="row my-5 align-items-center justify-content-center">
  251. <div class="col-12 col-lg-6">
  252. <img src="/imgs/dm/yt-views/stock-02.png" alt="" class="img-fluid">
  253. </div>
  254. <div class="col-11 col-lg-6 mt-5 mt-lg-0">
  255. <h5 class="title">Is buying YouTube views safe and legal?</h5>
  256. <p>
  257. The only thing related to YouTube that we ask when you purchase YouTube views from us is the ID or link of
  258. the YouTube video – we NEVER ask the password of your YouTube account or any of your private information.
  259. However, you should always protect your YouTube account and never share the password of your YouTube account
  260. with anyone, in order to prevent your YouTube account from being compromised.
  261. <br>
  262. <br>
  263. YouTube allows users to purchase views, as long as such activities are not considered spamming. Do note that
  264. YouTube can delete videos that are deemed spam or contain spam activity, and the uploader can risk being
  265. suspended or banned from YouTube – therefore, you should refrain from buying too many views all at once. In
  266. addition, you should make sure that your purchase of YouTube views does not violate the laws and regulations
  267. in your area.
  268. </p>
  269. </div>
  270. <div class="col-11 col-lg-6 mt-5">
  271. <h5 class="title">What Are the Benefits of Having YouTube Views?</h5>
  272. <p>
  273. Having YouTube views will make your videos look more popular – users tend to view popular videos, that is,
  274. videos with a high amount of views. The popularity of a video will increase as it is viewed, and popular
  275. videos
  276. will be watched by more people.
  277. <br>
  278. <br>
  279. Even if you don’t buy YouTube views, your channel and its videos can still have the potential to become
  280. popular
  281. – however it may take more time than when you buy YouTube views. Buying YouTube views help you save time and
  282. make your channel and its videos become popular faster.
  283. </p>
  284. </div>
  285. <div class="col-12 col-lg-6">
  286. <img src="/imgs/dm/yt-views/stock-03.png" alt="" class="img-fluid">
  287. </div>
  288. </div>
  289. </div>
  290. <!-- <section class="category container text-center dm-description mt-xl">
  291. <h5 class="mb-5" style="font-size: 2rem;">常見問題</h5>
  292. <h2 class="category-sub-h2 pt-3"></h2>
  293. <p>
  294. Find answers to any questions you may have in mind about our products and tools. If you can't find your answer
  295. at FAQ you can reach us via our live support center without a fee.
  296. </p>
  297. </section> -->
  298. <!-- FAQ -->
  299. <!-- <div class="container pb-5">
  300. <div class="row">
  301. <div class="col-6">
  302. <div class="accordion" id="accordionExample">
  303. <div class="accordion-item">
  304. <h2 class="accordion-header" id="headingTwo">
  305. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  306. data-bs-target="#faq_01" aria-expanded="false" aria-controls="faq_01">
  307. Can this service help me reach 4,000 hours of view time required for monetization and partnership?
  308. </button>
  309. </h2>
  310. <div id="faq_01" class="accordion-collapse collapse" aria-labelledby="headingTwo"
  311. data-bs-parent="#accordionExample">
  312. <div class="accordion-body">
  313. Yes! When you get YouTube views, the video you targeted will be watched from start to end by the
  314. specific amount of accounts you decided. With this service, you can easily surpass the 4,000 hours
  315. limit.
  316. </div>
  317. </div>
  318. </div>
  319. <div class="accordion-item">
  320. <h2 class="accordion-header" id="headingTwo">
  321. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  322. data-bs-target="#faq_02" aria-expanded="false" aria-controls="faq_02">
  323. Is it possible for YouTube to realize I'm not getting genuine views?
  324. </button>
  325. </h2>
  326. <div id="faq_02" class="accordion-collapse collapse" aria-labelledby="headingTwo"
  327. data-bs-parent="#accordionExample">
  328. <div class="accordion-body">
  329. It's not likely. Since there isn't a list called "viewers," or such, it's almost impossible for
  330. YouTube to catch you red-handed. It's not so much different than asking a friend to watch your video.
  331. </div>
  332. </div>
  333. </div>
  334. <div class="accordion-item">
  335. <h2 class="accordion-header" id="headingThree">
  336. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  337. data-bs-target="#faq_03" aria-expanded="false" aria-controls="faq_03">
  338. Can my number of views decrease over time?
  339. </button>
  340. </h2>
  341. <div id="faq_03" class="accordion-collapse collapse" aria-labelledby="headingThree"
  342. data-bs-parent="#accordionExample">
  343. <div class="accordion-body">
  344. No! It's not possible to lose your video views. Those views are intended to stay on your profile for a
  345. remarkable period. We can clearly say those views are going to remain intact on your account.
  346. </div>
  347. </div>
  348. </div>
  349. <div class="accordion-item">
  350. <h2 class="accordion-header" id="headingThree">
  351. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  352. data-bs-target="#faq_04" aria-expanded="false" aria-controls="faq_04">
  353. What counts as a view on YouTube?
  354. </button>
  355. </h2>
  356. <div id="faq_04" class="accordion-collapse collapse" aria-labelledby="headingThree"
  357. data-bs-parent="#accordionExample">
  358. <div class="accordion-body">
  359. YouTube counts 30 seconds of watch time a single view.
  360. </div>
  361. </div>
  362. </div>
  363. <div class="accordion-item">
  364. <h2 class="accordion-header" id="headingThree">
  365. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  366. data-bs-target="#faq_05" aria-expanded="false" aria-controls="faq_05">
  367. What counts as a view for a paid advertisement on YouTube?
  368. </button>
  369. </h2>
  370. <div id="faq_05" class="accordion-collapse collapse" aria-labelledby="headingThree"
  371. data-bs-parent="#accordionExample">
  372. <div class="accordion-body">
  373. If the user watches a complete ad or watches at least 30 seconds of an ad, it counts as a view.
  374. Interactions with the ad are also counted as views.
  375. </div>
  376. </div>
  377. </div>
  378. <div class="accordion-item">
  379. <h2 class="accordion-header" id="headingThree">
  380. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  381. data-bs-target="#faq_06" aria-expanded="false" aria-controls="faq_06">
  382. Does rewatching a video counts as a view?
  383. </button>
  384. </h2>
  385. <div id="faq_06" class="accordion-collapse collapse" aria-labelledby="headingThree"
  386. data-bs-parent="#accordionExample">
  387. <div class="accordion-body">
  388. Yes, if you replay and watch more than 30 seconds, it counts as a view.
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. <div class="col-6">
  395. <div class="accordion" id="accordionExample">
  396. <div class="accordion-item">
  397. <h2 class="accordion-header" id="headingTwo">
  398. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  399. data-bs-target="#faq_07" aria-expanded="false" aria-controls="faq_07">
  400. How are YouTubers paid?
  401. </button>
  402. </h2>
  403. <div id="faq_07" class="accordion-collapse collapse" aria-labelledby="headingTwo"
  404. data-bs-parent="#accordionExample">
  405. <div class="accordion-body">
  406. They are paid with the advertisements they optimize with AdSense.
  407. </div>
  408. </div>
  409. </div>
  410. <div class="accordion-item">
  411. <h2 class="accordion-header" id="headingThree">
  412. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  413. data-bs-target="#faq_08" aria-expanded="false" aria-controls="faq_08">
  414. Is it illegal to buy YouTube views?
  415. </button>
  416. </h2>
  417. <div id="faq_08" class="accordion-collapse collapse" aria-labelledby="headingThree"
  418. data-bs-parent="#accordionExample">
  419. <div class="accordion-body">
  420. Paying people to see your videos is not illegal, so no.
  421. </div>
  422. </div>
  423. </div>
  424. <div class="accordion-item">
  425. <h2 class="accordion-header" id="headingThree">
  426. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  427. data-bs-target="#faq_09" aria-expanded="false" aria-controls="faq_09">
  428. Is it safe to buy YouTube views?
  429. </button>
  430. </h2>
  431. <div id="faq_09" class="accordion-collapse collapse" aria-labelledby="headingThree"
  432. data-bs-parent="#accordionExample">
  433. <div class="accordion-body">
  434. Absolutely. Our website is protected by an SSL certificate, so you can be comfortable when you're
  435. buying services from us.
  436. </div>
  437. </div>
  438. </div>
  439. <div class="accordion-item">
  440. <h2 class="accordion-header" id="headingThree">
  441. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  442. data-bs-target="#faq_10" aria-expanded="false" aria-controls="faq_10">
  443. Can YouTubers see who viewed their videos?
  444. </button>
  445. </h2>
  446. <div id="faq_10" class="accordion-collapse collapse" aria-labelledby="headingThree"
  447. data-bs-parent="#accordionExample">
  448. <div class="accordion-body">
  449. Unfortunately not. They can only see how many people viewed their videos.
  450. </div>
  451. </div>
  452. </div>
  453. <div class="accordion-item">
  454. <h2 class="accordion-header" id="headingThree">
  455. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  456. data-bs-target="#faq_11" aria-expanded="false" aria-controls="faq_11">
  457. How can I get 4000 hours of watch time quickly?
  458. </button>
  459. </h2>
  460. <div id="faq_11" class="accordion-collapse collapse" aria-labelledby="headingThree"
  461. data-bs-parent="#accordionExample">
  462. <div class="accordion-body">
  463. If you want to get 4000 watch hours fast, you can have a look at our YouTube Watch Hours service.
  464. </div>
  465. </div>
  466. </div>
  467. <div class="accordion-item">
  468. <h2 class="accordion-header" id="headingThree">
  469. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  470. data-bs-target="#faq_12" aria-expanded="false" aria-controls="faq_12">
  471. What happens when you get 1K subscribers on YouTube?
  472. </button>
  473. </h2>
  474. <div id="faq_12" class="accordion-collapse collapse" aria-labelledby="headingThree"
  475. data-bs-parent="#accordionExample">
  476. <div class="accordion-body">
  477. When you hit 1K subscribers, YouTube sends you a mail to congratulate you.
  478. </div>
  479. </div>
  480. </div>
  481. </div>
  482. </div>
  483. </div>
  484. </div> -->
  485. </main>
  486. {{ partial "footer.html" . }}
  487. <script type="application/javascript">
  488. var doNotTrack = false;
  489. if (!doNotTrack) {
  490. (function (i, s, o, g, r, a, m) {
  491. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  492. (i[r].q = i[r].q || []).push(arguments)
  493. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  494. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  495. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  496. ga('create', 'UA-153100602-5', 'auto');
  497. ga('send', 'pageview');
  498. }
  499. </script>
  500. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  501. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  502. crossorigin="anonymous"></script>
  503. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  504. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  505. crossorigin="anonymous"></script>
  506. <!-- PayPal 按鈕 -->
  507. <script
  508. src="https://www.paypal.com/sdk/js?client-id=AYDfLD6TeH9KgbAzy1LNTNmBP4kwNlMoQ-pYEBlTBMq5bs-vjTAdQr3s2s3L_bD_5qEHYS079Svc9h2W&enable-funding=venmo&currency=USD"
  509. data-sdk-integration-source="button-factory"></script>
  510. <script>
  511. // 30 USD
  512. function initPayPalButton_30() {
  513. paypal.Buttons({
  514. style: {
  515. shape: 'rect',
  516. color: 'gold',
  517. layout: 'vertical',
  518. label: 'paypal',
  519. },
  520. createOrder: function (data, actions) {
  521. return actions.order.create({
  522. purchase_units: [{ "description": "2,000 real youtube video views", "amount": { "currency_code": "USD", "value": 30 } }]
  523. });
  524. },
  525. onApprove: function (data, actions) {
  526. return actions.order.capture().then(function (orderData) {
  527. // Full available details
  528. console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
  529. // Show a success message within this page, e.g.
  530. const element = document.getElementById('paypal-button-container-30');
  531. element.innerHTML = '';
  532. element.innerHTML = '<h3>Thank you for your payment!</h3>';
  533. // Or go to another URL: actions.redirect('thank_you.html');
  534. });
  535. },
  536. onError: function (err) {
  537. console.log(err);
  538. }
  539. }).render('#paypal-button-container-30');
  540. }
  541. initPayPalButton_30();
  542. // 60 USD
  543. function initPayPalButton_60() {
  544. paypal.Buttons({
  545. style: {
  546. shape: 'rect',
  547. color: 'gold',
  548. layout: 'vertical',
  549. label: 'paypal',
  550. },
  551. createOrder: function (data, actions) {
  552. return actions.order.create({
  553. purchase_units: [{ "description": "4,200 real youtube video views", "amount": { "currency_code": "USD", "value": 60 } }]
  554. });
  555. },
  556. onApprove: function (data, actions) {
  557. return actions.order.capture().then(function (orderData) {
  558. // Full available details
  559. console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
  560. // Show a success message within this page, e.g.
  561. const element = document.getElementById('paypal-button-container-60');
  562. element.innerHTML = '';
  563. element.innerHTML = '<h3>Thank you for your payment!</h3>';
  564. // Or go to another URL: actions.redirect('thank_you.html');
  565. });
  566. },
  567. onError: function (err) {
  568. console.log(err);
  569. }
  570. }).render('#paypal-button-container-60');
  571. }
  572. initPayPalButton_60();
  573. // 100 USD
  574. function initPayPalButton_100() {
  575. paypal.Buttons({
  576. style: {
  577. shape: 'rect',
  578. color: 'gold',
  579. layout: 'vertical',
  580. label: 'paypal',
  581. },
  582. createOrder: function (data, actions) {
  583. return actions.order.create({
  584. purchase_units: [{ "description": "7,500 real youtube video views", "amount": { "currency_code": "USD", "value": 100 } }]
  585. });
  586. },
  587. onApprove: function (data, actions) {
  588. return actions.order.capture().then(function (orderData) {
  589. // Full available details
  590. console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
  591. // Show a success message within this page, e.g.
  592. const element = document.getElementById('paypal-button-container-100');
  593. element.innerHTML = '';
  594. element.innerHTML = '<h3>Thank you for your payment!</h3>';
  595. // Or go to another URL: actions.redirect('thank_you.html');
  596. });
  597. },
  598. onError: function (err) {
  599. console.log(err);
  600. }
  601. }).render('#paypal-button-container-100');
  602. }
  603. initPayPalButton_100();
  604. </script>
  605. </body>
  606. </html>