index.html 65 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637
  1. <!DOCTYPE html>
  2. <html class="no-js"
  3. lang="en-us"
  4. dir="ltr">
  5. <head>
  6. <meta charset="utf-8" />
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="google-site-verification" content="UciP55K4H-qAk_ZWNkE53CeljcViIKpTZ17YVfeBtlo">
  9. <meta name="include_mode" content="async">
  10. <meta property="fb:pages" content="6047074339" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  12. <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
  13. <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
  14. <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
  15. <link rel="manifest" href="/favicons/site.webmanifest">
  16. <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#ff6c00">
  17. <meta name="msapplication-TileColor" content="#ffffff">
  18. <meta name="theme-color" content="#ffffff"> <link rel="alternate" hreflang="en-us" href="https://www.crunchyroll.com/login?next=%2F">
  19. <link rel="alternate" hreflang="en-gb" href="https://www.crunchyroll.com/en-gb/login?next=%2F">
  20. <link rel="alternate" hreflang="es" href="https://www.crunchyroll.com/es/login?next=%2F">
  21. <link rel="alternate" hreflang="es-es" href="https://www.crunchyroll.com/es-es/login?next=%2F">
  22. <link rel="alternate" hreflang="pt-br" href="https://www.crunchyroll.com/pt-br/login?next=%2F">
  23. <link rel="alternate" hreflang="pt-pt" href="https://www.crunchyroll.com/pt-pt/login?next=%2F">
  24. <link rel="alternate" hreflang="fr" href="https://www.crunchyroll.com/fr/login?next=%2F">
  25. <link rel="alternate" hreflang="de" href="https://www.crunchyroll.com/de/login?next=%2F">
  26. <link rel="alternate" hreflang="ar" href="https://www.crunchyroll.com/ar/login?next=%2F">
  27. <link rel="alternate" hreflang="it" href="https://www.crunchyroll.com/it/login?next=%2F">
  28. <link rel="alternate" hreflang="ru" href="https://www.crunchyroll.com/ru/login?next=%2F">
  29. <link rel="alternate" type="application/rss+xml" title="Latest Shows on Crunchyroll"
  30. href="http://feeds.feedburner.com/crunchyroll/rss"/>
  31. <link rel="alternate" type="application/rss+xml" title="Latest Anime News"
  32. href="http://feeds.feedburner.com/crunchyroll/animenews"/>
  33. <title>Crunchyroll - Sign Up or Log In</title>
  34. <link href="https://www.crunchyroll.com/versioned_assets/css/www/application.3ba551a9.css" rel="stylesheet">
  35. <link rel="stylesheet" type="text/css" href="https://www.crunchyroll.com/versioned_assets/css/view_templates/isolated.187a3220.css">
  36. <link rel="stylesheet" type="text/css" href="https://www.crunchyroll.com/versioned_assets/css/components/isolated_page_header_footer.f3c8cf17.css">
  37. <link href="https://www.crunchyroll.com/versioned_assets/css/components/actions.a8f9068b.css" rel="stylesheet" type="text/css">
  38. <link href="https://www.crunchyroll.com/versioned_assets/css/components/std_form.fc70832f.css" rel="stylesheet" type="text/css">
  39. <link href="https://www.crunchyroll.com/versioned_assets/css/components/or_divider.d8a15ec8.css" rel="stylesheet" type="text/css">
  40. <link href="https://www.crunchyroll.com/versioned_assets/css/components/validation_manager.049beddf.css" rel="stylesheet" type="text/css">
  41. <link href="https://www.crunchyroll.com/versioned_assets/css/components/login_form.39c4b209.css" rel="stylesheet" type="text/css">
  42. <link href="https://www.crunchyroll.com/versioned_assets/css/components/signup_form.6485b318.css" rel="stylesheet" type="text/css">
  43. <link href="https://www.crunchyroll.com/versioned_assets/css/view/login_or_signup.eadeae2b.css" rel="stylesheet" type="text/css">
  44. <script>
  45. var DOMAIN = "crunchyroll.com",
  46. AJAXROOT = "\/ajax\/\u003F",
  47. WEBROOT = "http\u003A\/\/www.crunchyroll.com\/",
  48. LOCALE = "enUS",
  49. CACHED_TRANSLATIONS = {},
  50. page = {};
  51. </script>
  52. <script src="https://c.evidon.com/dg/dg.js" companyId="2796"></script>
  53. <script type="text/javascript">
  54. (function (id) {
  55. function append(scriptid, url, async) {
  56. var d = document, sn = 'script', f = d.getElementsByTagName(sn)[0];
  57. if (!f) f = d.head;
  58. var s = d.createElement(sn);
  59. s.async = async;
  60. s.id = scriptid;
  61. s.src = url;
  62. s.charset = 'utf-8';
  63. f.parentNode.insertBefore(s, f);
  64. }
  65. function is2parttld(value) {
  66. var tldindicators = ['co', 'com', 'info', 'web', 'info', 'gov', 'edu', 'biz', 'net', 'org'];
  67. var countryindicators = ['uk', 'us', 'fr', 'es', 'de', 'at', 'au', 'ae', 'be', 'br', 'ca', 'ch', 'cn', 'co', 'cz', 'dk', 'eg', 'eu', 'fi', 'gb', 'gr', 'hk', 'hr', 'hu', 'ie', 'in', 'jp', 'mx', 'nl', 'no', 'nz', 'pl', 'ro', 'ru', 'se'];
  68. return (tldindicators.indexOf(value) !== -1 || countryindicators.indexOf(value) !== -1);
  69. }
  70. function getRootDomain() {
  71. var parts = window.location.hostname.split('.');
  72. if (parts.length === 2) rootDomain = parts[0];
  73. else if (parts.length > 2) {
  74. // see if the next to last value is a common tld
  75. var part = parts[parts.length - 2];
  76. if (is2parttld(part)) {
  77. rootDomain = parts[parts.length - 3]; // go back one more
  78. } else {
  79. rootDomain = part;
  80. }
  81. }
  82. return rootDomain;
  83. }
  84. window.evidon = {};
  85. window.evidon.id = id;
  86. window.evidon.test = false; // set to true for non-production testing.
  87. var cdn = '//c.evidon.com/', rootDomain = getRootDomain(), noticecdn = cdn + 'sitenotice/';
  88. append('evidon-notice', noticecdn + 'evidon-sitenotice-tag.js', false);
  89. append('evidon-location', cdn + 'geo/country.js', true);
  90. append('evidon-themes', noticecdn + id + '/snthemes.js', true);
  91. if (rootDomain) append('evidon-settings', noticecdn + id + '/' + rootDomain + (window.evidon.test ? '/test' : '') + '/settings.js', true);
  92. let urlLocale = "";
  93. let tagLocale = "en-us";
  94. window.evidon.vendorEnabled = function(vendorKey) {
  95. if (!window.evidon.notice) {
  96. return false;
  97. }
  98. let vendorList = window.evidon.notice.vendorList;
  99. let vendorId = Object.keys(vendorList).find(key => vendorList[key] === vendorKey);
  100. if (!vendorId) {
  101. return false;
  102. }
  103. let consentConfig = window.evidon.notice._getConsentedVendors();
  104. if (!consentConfig) {
  105. return false;
  106. }
  107. let allConsentEnabled = 'all' in consentConfig && consentConfig.all === true;
  108. let vendorConsentEnabled = vendorId in consentConfig && consentConfig[vendorId] === true;
  109. return allConsentEnabled || vendorConsentEnabled;
  110. }
  111. window.evidon.priorConsentCallback = function (categories, vendors, cookies) {
  112. // add the tags which need to wait for prior consent
  113. // here. This should be all your advertising tags and
  114. // probably most of your social and tracking tags.
  115. }
  116. window.evidon.closeCallback = function () {
  117. // this is executed if the user closed a UI element without either Accepting (providing consent)
  118. // or Declining (declining to provide consent).
  119. }
  120. window.evidon.consentWithdrawnCallback = function () {
  121. // this is executed if the user withdraws consent and elects to
  122. // no longer allow technologies to run on the site.
  123. }
  124. window.evidon.consentDeclinedCallback = function () {
  125. // this is executed if the user explicitly declines giving consent by
  126. // using a Decline button
  127. if (tagLocale === 'en-us') {
  128. return;
  129. }
  130. window.evidon.notice.dropSuppressionCookie(30);
  131. $.cookie('_evidon_suppress_gdpr_locale_cookie', 'declined', {path: '/' + urlLocale, expires: 30});
  132. }
  133. document.addEventListener('DOMContentLoaded', function(event) {
  134. $(document).on('click', '#_evidon-accept-button', function () {
  135. $.cookie('_evidon_suppress_gdpr_locale_cookie', 'accepted', {path: '/' + urlLocale, expires: 30});
  136. });
  137. });
  138. setTimeout(function () {
  139. if (tagLocale === 'en-us' || $.cookie('_evidon_suppress_gdpr_locale_cookie')) {
  140. return;
  141. }
  142. if (!$.cookie('_evidon_suppress_notification_cookie') && !$.cookie('_evidon_consent_cookie')) {
  143. return;
  144. }
  145. let cookieValue = $.cookie('_evidon_suppress_notification_cookie');
  146. $.cookie('_evidon_suppress_notification_cookie', null, { path: '/' });
  147. window.evidon.notice._showConsentUI();
  148. if (cookieValue && !$.cookie('_evidon_suppress_notification_cookie')) {
  149. $.cookie('_evidon_suppress_notification_cookie', cookieValue, { path: '/' });
  150. }
  151. }, 2000);
  152. })(2796);
  153. window.addEventListener('load', function () {
  154. function reloadPage() {
  155. window.location.reload();
  156. }
  157. if (window.evidon?.notice?._isConsentGiven()) {
  158. const savePreferencesText = window.evidon.notice.activeTranslations.snL2L3SavePreferences;
  159. window.evidon.notice.activeTranslations.optoutButtonText = savePreferencesText;
  160. window.evidon.notice.activeTranslations.mobileOptoutButtonText = savePreferencesText;
  161. }
  162. $(document).on('click', '#evidon-prefdiag-accept', reloadPage);
  163. $(document).on('click', '#_evidon-decline-button', reloadPage);
  164. $(document).on('click', '#_evidon-accept-button', reloadPage);
  165. });
  166. </script>
  167. <style>
  168. body.arME #_evidon_banner {
  169. position: sticky !important;
  170. }
  171. body.arME #evidon-prefdiag-overlay {
  172. position: absolute !important;
  173. }
  174. </style>
  175. <script>
  176. window.privacy = {
  177. isSonyPrivacy: true,
  178. appendScript: function (WMVendor, sonyVendor, script) {
  179. if (!this.vendorEnabled(WMVendor, sonyVendor)) {
  180. return;
  181. }
  182. if (typeof script === 'object') {
  183. let docScript = document.createElement('script');
  184. for (const prop in script) {
  185. docScript[prop] = script[prop];
  186. }
  187. document.head.appendChild(docScript);
  188. }
  189. if (typeof script === 'function') {
  190. script();
  191. }
  192. },
  193. vendorEnabled: function (WMVendor, sonyVendor) {
  194. if (this.isSonyPrivacy) {
  195. return window.evidon.vendorEnabled(sonyVendor);
  196. }
  197. return window.WM.UserConsent.inUserConsentState(WMVendor);
  198. }
  199. }
  200. </script>
  201. <script>
  202. window.addEventListener('load', function () {
  203. window.privacy.appendScript(['ads-general', 'ads-vendor'], 'turner-broadcasting-system', function () {
  204. (function () {
  205. var scr = document.createElement("script");
  206. var protocol = ('https:' === document.location.protocol ? 'https://' : 'http://');
  207. scr.setAttribute('async', 'true');
  208. scr.type = "text/javascript";
  209. scr.src = protocol + "i.cdn.turner.com/ads/adfuel/ais/crunchyroll-ais.min.js";
  210. ((document.getElementsByTagName('head') || [null])[0] ||
  211. document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
  212. })();
  213. });
  214. });
  215. </script>
  216. <script src="https://www.crunchyroll.com/js/lang/a0e1d6b0f0b865ca25464098206aca16/cr/enUS/common.js"></script>
  217. <script src="https://www.crunchyroll.com/versioned_assets/js/components/ads_enabled.be54fb20.js"></script>
  218. <script src="https://www.crunchyroll.com/versioned_assets/js/modules/www/application.6c9b5fc4.js"></script>
  219. <script>
  220. window.addEventListener('load', function () {
  221. window.privacy.appendScript(['social-general', 'social-vendor'], 'facebook-connect', {
  222. async: true,
  223. src: 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5'
  224. });
  225. });
  226. </script>
  227. <script type="text/javascript">
  228. $(document).ready(function (e) {
  229. CharacterCounter.Init();
  230. $('a.banuser').each(function () {
  231. trackToken(this);
  232. });
  233. });
  234. $(window).bind('beforeunload', function () {
  235. if (Page.warnOnLeavingPageMessage) {
  236. return Page.warnOnLeavingPageMessage;
  237. }
  238. });
  239. </script>
  240. <script src="https://8f2bfa24-f12a-458a-89ac-391b91f711e3.redfastlabs.com/assets/bundle.js"></script>
  241. <script src="https://www.crunchyroll.com/vendor/mustache.js"></script>
  242. <script src="https://www.crunchyroll.com/vendor/webshims/polyfiller.js"></script>
  243. <script src="https://www.crunchyroll.com/versioned_assets/js/jquery/jquery.validation_manager.63f2e358.js"></script>
  244. <script src="https://www.crunchyroll.com/versioned_assets/js/jquery/validation_manager_options.de9c7f55.js"></script>
  245. <script src="https://www.crunchyroll.com/versioned_assets/js/tracking/ga_initial_visit.e271efa0.js"></script>
  246. <script>
  247. (function initializeGA() {
  248. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  249. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  250. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  251. })();
  252. (function initializeGAObject(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  253. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  254. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  255. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  256. ga('create', 'UA-579606-1', 'auto', {
  257. 'allowLinker': true
  258. });
  259. ga('require', 'linkid', 'linkid.js');
  260. (function sendPageview() {
  261. var initialVisitDate = ga_initial_visit.getPSTValue();
  262. if (initialVisitDate) {
  263. ga('set', 'dimension4', initialVisitDate);
  264. }
  265. ga('set', 'dimension5', 'not-registered');
  266. ga('set', 'dimension6', '');
  267. ga('set', 'dimension7', '');
  268. ga('set', 'dimension8', '');
  269. ga('send', 'pageview');
  270. })();
  271. </script>
  272. <!-- Facebook Pixel Code -->
  273. <script>
  274. window.addEventListener('load', function () {
  275. window.privacy.appendScript(['ads-general', 'ads-vendor'], 'facebook-connect', function () {
  276. !function (f, b, e, v, n, t, s) {
  277. if (f.fbq) return;
  278. n = f.fbq = function () {
  279. n.callMethod ?
  280. n.callMethod.apply(n, arguments) : n.queue.push(arguments)
  281. };
  282. if (!f._fbq) f._fbq = n;
  283. n.push = n;
  284. n.loaded = !0;
  285. n.version = '2.0';
  286. n.queue = [];
  287. t = b.createElement(e);
  288. t.async = !0;
  289. t.src = v;
  290. s = b.getElementsByTagName(e)[0];
  291. s.parentNode.insertBefore(t, s)
  292. }(window, document, 'script',
  293. 'https://connect.facebook.net/en_US/fbevents.js');
  294. fbq('init', 210736662603762);
  295. fbq('track', 'PageView');
  296. });
  297. });
  298. </script>
  299. <!-- End Facebook Pixel Code -->
  300. <!-- Global site tag (gtag.js) - Google Ads: 982007020 -->
  301. <script>
  302. window.addEventListener('load', function () {
  303. window.privacy.appendScript(['ads-general', 'ads-vendor'], 'google-tag-manager', {
  304. async: true,
  305. src: 'https://www.googletagmanager.com/gtag/js?id=AW-982007020'
  306. });
  307. if (window.privacy.vendorEnabled(['ads-general', 'ads-vendor'], 'google-tag-manager')) {
  308. window.dataLayer = window.dataLayer || [];
  309. window.gtag = function() {
  310. dataLayer.push(arguments);
  311. }
  312. gtag('js', new Date());
  313. gtag('config', 'AW-982007020');
  314. }
  315. });
  316. </script>
  317. </head>
  318. <div class="login-or-signup-page">
  319. <header class="isolated-page-header">
  320. <div class="content">
  321. <h1
  322. class="logo"
  323. itemscope
  324. itemtype="https://schema.org/Organization"
  325. >
  326. <link href="/" itemprop="url">
  327. <meta content="Crunchyroll" itemprop="name">
  328. <a href="/" rel="home" id="isolated_page_home_link" data-position="left">
  329. <svg viewBox="0 0 96 18">
  330. <title>Crunchyroll</title>
  331. <use xlink:href="/i/svg/header.svg#cr_logo_noTagline"></use>
  332. </svg>
  333. </a>
  334. </h1>
  335. <div class="custom-message">
  336. </div>
  337. </div>
  338. </header>
  339. <main>
  340. <div class="login-messages">
  341. <div id="message_box" style="display:none"></div>
  342. </div>
  343. <div class="forms">
  344. <section class="form-section login-form-section">
  345. <header>
  346. <h1>Log In</h1>
  347. <p class="subhead">Already have an account? Log in below. <a class="signup-form-link" href="#signup_form">Or create a new account.</a></p>
  348. </header>
  349. <form method="post" action="post.php" class="std-form login-form form-area" >
  350. <div class="fields">
  351. <p>
  352. <label for="login_form_name" class="required">
  353. <span class="label-text">Email or User Name</span>
  354. <input type="text" name="login_form_name" required="required"pattern="^[\x00-\x7F]{3,}$" data-pattern-mismatch-message="Please use a valid email or username." data-missing-value-message="Please use a valid email or username." /></label></p>
  355. <p>
  356. <label for="login_form_password" class="required">
  357. <span class="label-text">Password<span class="info forgot-password-link">
  358. <a href="/resetpw" tabIndex="3">Forgot password?</a></span></span>
  359. <input type="password" name="login_form_password" required="required" pattern="\S{6,}" data-pattern-mismatch-message="Passwords must be at least 6 characters, but no spaces." data-missing-value-message="Passwords must be at least 6 characters, but no spaces." /></label></p>
  360. </div>
  361. <button id="login_submit_button" class="action type-primary" type="submit">
  362. Log In
  363. </button>
  364. <input type="hidden" id="login_form_redirect_url" name="login_form[redirect_url]" value="/" /><input type="hidden" id="login_form__token" name="login_form[_token]" value="yvvFycXUgh2p5deWpn8xBux8v-aSmKLAZqVIiEwoDyg" /></form>
  365. <script type="text/javascript">
  366. var CaptchaCallback = function LoginFormCaptchaCallback() {
  367. $('.g-recaptcha').each(function(index, el) {
  368. grecaptcha.render(el, {'sitekey' : '6LfpWucSAAAAAGp_ie37zj6x3WRP0UBe2KCZXoqG'});
  369. });
  370. };
  371. </script>
  372. <footer>
  373. <p>
  374. <small>Trouble logging in? Make sure browser cookies and JavaScript are enabled.</small>
  375. </p>
  376. </footer>
  377. </section>
  378. <section class="form-section signup-form-section">
  379. <header>
  380. <h1>Sign Up for a Free Account</h1>
  381. <p class="subhead">Please join Crunchyroll! It’s only one click away!</p>
  382. </header>
  383. <form name="signup_with_profile" method="post" action="/login#signup_form" class="std-form signup-form type-with-profile form-area" id="signup_form">
  384. <div class="fields">
  385. <p><label for="signup_with_profile_email" class="required"><span class="label-text">Email Address</span><input type="email" id="signup_with_profile_email" name="signup_with_profile[email]" required="required" pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{1,}$" data-pattern-mismatch-message="Please use a valid email address." data-missing-value-message="Please enter a valid email" /></label></p>
  386. <p><label for="signup_with_profile_username" class="required"><span class="label-text">User Name</span><input type="text" id="signup_with_profile_username" name="signup_with_profile[username]" required="required" minlength="3" maxlength="30" pattern="[_\-a-zA-Z0-9]{3,30}" title="Username must be 3-30 characters (only letters, numbers, underscores, and hyphens)." data-pattern-mismatch-message="Username must be 3-30 characters (only letters, numbers, underscores, and hyphens)." data-missing-value-message="Please enter a username." /></label></p>
  387. <p><label for="signup_with_profile_password" class="required"><span class="label-text">Password</span><input type="password" id="signup_with_profile_password" name="signup_with_profile[password]" required="required" minlength="6" pattern="\S{6,}" title="Passwords must be at least 6 characters, but no spaces." data-pattern-mismatch-message="Passwords must be at least 6 characters, but no spaces." data-missing-value-message="Please use a valid password." /></label></p>
  388. <fieldset class="date-fields"><legend>Birthday</legend><div class="fields"><select id="signup_with_profile_date_of_birth_month" name="signup_with_profile[date_of_birth][month]" required="required" class="date-month-field" data-validation-linked-field="date" data-pattern-mismatch-message="" data-missing-value-message="Please select a valid month."><option value="" selected="selected">Month</option><option value="1">Jan</option><option value="2">Feb</option><option value="3">Mar</option><option value="4">Apr</option><option value="5">May</option><option value="6">Jun</option><option value="7">Jul</option><option value="8">Aug</option><option value="9">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option></select><select id="signup_with_profile_date_of_birth_day" name="signup_with_profile[date_of_birth][day]" required="required" class="date-day-field" data-validation-linked-field="date" data-pattern-mismatch-message="" data-missing-value-message="Please select a valid day."><option value="" selected="selected">Day</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select><select id="signup_with_profile_date_of_birth_year" name="signup_with_profile[date_of_birth][year]" required="required" class="date-year-field" data-validation-linked-field="date" data-pattern-mismatch-message="" data-missing-value-message="Please select a valid year."><option value="" selected="selected">Year</option><option value="2022">2022</option><option value="2021">2021</option><option value="2020">2020</option><option value="2019">2019</option><option value="2018">2018</option><option value="2017">2017</option><option value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option><option value="2011">2011</option><option value="2010">2010</option><option value="2009">2009</option><option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option><option value="1929">1929</option><option value="1928">1928</option><option value="1927">1927</option><option value="1926">1926</option><option value="1925">1925</option><option value="1924">1924</option><option value="1923">1923</option><option value="1922">1922</option><option value="1921">1921</option><option value="1920">1920</option><option value="1919">1919</option><option value="1918">1918</option><option value="1917">1917</option><option value="1916">1916</option><option value="1915">1915</option><option value="1914">1914</option><option value="1913">1913</option><option value="1912">1912</option><option value="1911">1911</option><option value="1910">1910</option><option value="1909">1909</option><option value="1908">1908</option><option value="1907">1907</option><option value="1906">1906</option><option value="1905">1905</option><option value="1904">1904</option><option value="1903">1903</option><option value="1902">1902</option><option value="1901">1901</option><option value="1900">1900</option><option value="1899">1899</option></select></div></fieldset>
  389. <fieldset class="gender-fields"><div class="fields"><label class="radio-label"><input type="radio" id="signup_with_profile_gender_0" name="signup_with_profile[gender]" value="2" /><span class="label-text">Female</span></label><label class="radio-label"><input type="radio" id="signup_with_profile_gender_1" name="signup_with_profile[gender]" value="1" /><span class="label-text">Male</span></label><label class="radio-label"><input type="radio" id="signup_with_profile_gender_2" name="signup_with_profile[gender]" value="3" /><span class="label-text">Other</span></label></div></fieldset>
  390. <p><label for="signup_with_profile_opt_in_to_marketing" class="checkbox-label"><input type="checkbox" id="signup_with_profile_opt_in_to_marketing" name="signup_with_profile[opt_in_to_marketing]" value="1" /><span class="label-text">Yes, keep me posted on updates related to Crunchyroll.</span></label></p>
  391. </div>
  392. <button id="signup_submit_button" class="action type-primary" type="submit">
  393. Create Account
  394. </button>
  395. <input type="hidden" id="signup_with_profile_redirect_url" name="signup_with_profile[redirect_url]" value="/" /><input type="hidden" id="signup_with_profile__token" name="signup_with_profile[_token]" value="QWJ5x7FJRW8q38UsgHos1FC6s0yjrHlblhTncqXCyvc" /></form>
  396. <script type="text/javascript">
  397. var CaptchaCallback = function SignupFormCaptchaCallback() {
  398. $('.g-recaptcha').each(function(index, el) {
  399. grecaptcha.render(el, {'sitekey' : '6LfpWucSAAAAAGp_ie37zj6x3WRP0UBe2KCZXoqG'});
  400. });
  401. };
  402. $("#signup_form").submit(function() {
  403. $("#signup_submit_button").prop('disabled', true);
  404. });
  405. </script>
  406. <footer>
  407. <p>
  408. <small>By creating an account you're agreeing to <a href="/tos">our Terms</a> &amp; <a href="/privacy">Privacy Policy</a>, and you confirm that you are at least 16 years old.</small>
  409. </p>
  410. </footer>
  411. </section>
  412. </div>
  413. </main>
  414. <footer class="isolated-page-footer" role="contentinfo">
  415. <p class="copyright-notice" dir="ltr">&copy; 2006-2022 Ellation, LLC.</p>
  416. </footer>
  417. </div>
  418. <div class="opt-in" data-role="opt-in-banner">
  419. <img class="opt-in__bg" src="/opt-in/hime-banner.png"
  420. srcset="/opt-in/hime-banner.png 1x, /opt-in/hime-banner@2x.png 2x"
  421. alt="Hime banner">
  422. <h2 class="opt-in__title">
  423. Try The NEW Crunchyroll<span>Beta</span>
  424. </h2>
  425. <a class="opt-in__cta" href="/trybeta" data-position="bottom right">
  426. check it out
  427. </a>
  428. <button class="opt-in__close"
  429. data-role="close-try-beta-banner"
  430. data-target="[data-role='opt-in-banner']"
  431. title="not now"
  432. >
  433. not now
  434. </button>
  435. </div>
  436. <script type="text/javascript">
  437. $(function () {
  438. $('[data-role="close-try-beta-banner"]').click(function (e) {
  439. e.preventDefault();
  440. e.stopPropagation();
  441. $.cookie('crunchyroll_beta_hide_banner', 1, {expires: 365});
  442. $($(this).data('target')).remove();
  443. })
  444. });
  445. </script>
  446. <script type="text/javascript">
  447. window.addEventListener('load', function () {
  448. window.privacy.appendScript(['ads-general', 'ads-vendor'], 'scorecard-research', function () {
  449. var _comscore = _comscore || [];
  450. _comscore.push({c1: "2", c2: "15801199"});
  451. (function () {
  452. var s = document.createElement("script"), el = document.getElementsByTagName("script")[0];
  453. s.async = true;
  454. s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
  455. el.parentNode.insertBefore(s, el);
  456. })();
  457. });
  458. });
  459. </script>
  460. <script>
  461. window.addEventListener('load', function () {
  462. window.privacy.appendScript(['ads-general', 'ads-vendor'], 'twitter', {
  463. async: false,
  464. onload: function () {
  465. if (twttr.conversion) {
  466. twttr.conversion.trackPid('l4wzz');
  467. }
  468. },
  469. src: 'https://platform.twitter.com/oct.js'
  470. });
  471. });
  472. </script>
  473. <script>
  474. var is_premium = false;
  475. var ga = ga || function noop() {
  476. // Do nothing
  477. };
  478. $('#header_search_input').on('click', function trackSearch() {
  479. ga('send', 'event', 'homepage', 'search', 'click');
  480. });
  481. $('#header_account_settings').on('click', function trackAccountSettings() {
  482. if (is_premium) {
  483. ga('send', 'event', 'Cancel', 'Cancel.Settings.click');
  484. }
  485. });
  486. </script>
  487. <script>
  488. !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";}}();
  489. (function initializeSegment() {
  490. const segmentKey = 'KC3ITMkcWCrn2dZrMXlkjNQBaFSB9ilG';
  491. const fallbackApiHost = 'cr-eec.etp-prod.com/v1';
  492. const fallbackLibraryHost = 'https://sa.crunchyroll.com/analytics.js/v1/' + segmentKey + '/analytics.min.js';
  493. const domain = 'crunchyroll.com';
  494. if (document.referrer.indexOf(domain) === -1) {
  495. $.cookie('initial_referrer', document.referrer, {expires: 365});
  496. }
  497. const defaultApiHost = 'eec.crunchyroll.com/v1';
  498. const defaultLibraryHost = 'https://cdn.segment.io/analytics.js/v1/' + segmentKey + '/analytics.min.js';
  499. function loadSegmentScript(segmentKey, successCallback, errorCallback) {
  500. const script = document.createElement('script');
  501. script.type = 'text/javascript';
  502. script.async = !0;
  503. script.src = defaultLibraryHost;
  504. script.onload = function () {
  505. successCallback();
  506. };
  507. script.onerror = function () {
  508. errorCallback();
  509. };
  510. var firstScript = document.getElementsByTagName('script')[0];
  511. firstScript.parentNode.insertBefore(script, firstScript)
  512. }
  513. function overrideSegmentHost() {
  514. window.analytics._integrations['Segment.io'].options.apiHost = defaultApiHost;
  515. const req = new XMLHttpRequest();
  516. req.open('POST', 'https://' + defaultApiHost + '/batch');
  517. req.setRequestHeader('Content-Type', 'application/json');
  518. req.addEventListener('error', function () {
  519. if (req.status === 0) { // BLOCK BY CLIENT STATUS CODE
  520. window.analytics._integrations['Segment.io'].options.apiHost = fallbackApiHost;
  521. }
  522. });
  523. // POST an empty batch action to check if api.segment.io is available
  524. req.send(JSON.stringify({batch: []}));
  525. }
  526. function loadSegmentFallbackLibrary() {
  527. const script = document.createElement('script');
  528. script.type = 'text/javascript';
  529. script.async = !0;
  530. script.src = fallbackLibraryHost;
  531. script.onload = function () {
  532. window.analytics._integrations['Segment.io'].options.apiHost = fallbackApiHost;
  533. };
  534. const firstScript = document.getElementsByTagName('script')[0];
  535. firstScript.parentNode.insertBefore(script, firstScript);
  536. }
  537. /**
  538. * Trigger segment.identify with required parameters
  539. * @param anonymousId
  540. */
  541. function identify(anonymousId) {
  542. let analytics = window.analytics,
  543. traits = $.extend(
  544. true,
  545. {
  546. anonymousId: anonymousId,
  547. isBetaEligible: true,
  548. isUserInBeta: false,
  549. initial_referrer: $.cookie('initial_referrer')
  550. },
  551. extractUtmInfo(),
  552. extractReferrerData()
  553. );
  554. analytics.setAnonymousId(anonymousId);
  555. analytics.identify("", traits);
  556. let page_metadata = $.extend({
  557. channelName: '',
  558. modal: '',
  559. path: window.location.pathname,
  560. url: window.location.href,
  561. referrer: document.referrer,
  562. pageLoadTime: ''
  563. }, {"isAuthenticated":false});
  564. analytics.page('Login', page_metadata);
  565. }
  566. function getFlyoutObject() {
  567. elem = $('#free_trial_prompt_cta');
  568. actionDetails = {
  569. textOfButtonOrLink: elem.find('button').text().trim(),
  570. pageOrScreen: 'Login',
  571. position: elem.data('position'),
  572. referrer: document.referrer
  573. }
  574. return {
  575. ActionDetail: actionDetails,
  576. upsellType: elem.data('upselltype'),
  577. SKU: elem.data('sku'),
  578. };
  579. }
  580. function extractUtmInfo() {
  581. let utm_param_names = ['utm_campaign', 'utm_source', 'utm_medium', 'utm_term', 'utm_content'],
  582. utm_params = {},
  583. query_params = getSearchParams();
  584. for (let idx in utm_param_names) {
  585. let field_name = utm_param_names[idx];
  586. if (typeof query_params[field_name] != 'undefined') {
  587. utm_params[field_name] = query_params[field_name];
  588. }
  589. }
  590. return utm_params;
  591. }
  592. function getSearchParams() {
  593. let query_string = (window.location.search || '?').slice(1),
  594. query_arr = query_string.split('&'),
  595. query_params = {};
  596. for (let i in query_arr) {
  597. let splitted = query_arr[i].split('=');
  598. query_params[splitted[0]] = splitted[1];
  599. }
  600. return query_params;
  601. }
  602. function extractReferrerData() {
  603. let referrer = document.referrer,
  604. referrer_data = {};
  605. if (referrer) {
  606. referrer_data['referrer'] = referrer;
  607. let urlParts = referrer.replace('http://','').replace('https://','').split(/[/?#]/);
  608. referrer_data['referring_domain'] = urlParts[0];
  609. }
  610. return referrer_data;
  611. }
  612. loadSegmentScript(segmentKey, overrideSegmentHost, loadSegmentFallbackLibrary);
  613. let isAnalyticsReady = false;
  614. window.analytics.ready(function () {
  615. isAnalyticsReady = true;
  616. identify("5e7025f0-1b27-4fa2-b047-5d9e5850246c");
  617. });
  618. // Trigger segment identify in case analytics didn't triggered "ready" event
  619. setTimeout(function () {
  620. if (!isAnalyticsReady) {
  621. identify("5e7025f0-1b27-4fa2-b047-5d9e5850246c");
  622. }
  623. }, 5000);
  624. })();
  625. (function registerSegmentEvents() {
  626. window.segment = {
  627. track: function () {
  628. this.trackLoginSelected();
  629. this.trackLogoutSelected();
  630. this.trackLoginFailed();
  631. this.trackLoginRequested();
  632. this.trackRandomSelected();
  633. this.trackRegistrationSelected();
  634. this.trackRegistrationFailed();
  635. this.trackRegistrationRequested();
  636. this.trackLinkAccountPermissionsAgreed();
  637. this.trackLinkAccountPermissionsDisagree();
  638. this.trackLinkAccountRequested();
  639. this.trackPaymentMethodSelected();
  640. this.trackUpsellSelected();
  641. this.trackAnchorNavigated();
  642. this.trackHelpFaq();
  643. this.trackSubscriptionRequested();
  644. this.trackFreeTrialSelectedContinue();
  645. this.trackTosSelected();
  646. this.trackPrivacySelected();
  647. this.trackPasswordResetNavigated();
  648. this.trackHomeSelected();
  649. this.trackMainMenuItemSelected();
  650. this.trackSearchNavigated();
  651. this.trackSearchPanelSelected();
  652. this.trackWatchlistNavigated();
  653. this.trackAccountMenuOpened();
  654. this.trackAccountMenuItemSelected();
  655. this.trackWhatIsVRV();
  656. this.trackManualSigninNavigated();
  657. this.trackShoppingContinued();
  658. this.trackCartUpdated();
  659. this.trackCheckoutStarted();
  660. this.trackPromotedShowClicked();
  661. this.trackOptInPopupDismissed();
  662. this.trackBetaOptInConfirmed();
  663. this.trackBetaOptOutConfirmed();
  664. this.trackModalBetaLeaveClose();
  665. this.trackBetaCTASelected();
  666. this.trackStoreButtonClicked();
  667. this.trackMarketingBox();
  668. this.trackMarketingBanner();
  669. this.trackSeriesBanner();
  670. this.trackWatchlistItemAddAttempted();
  671. this.trackWatchlistItemRemoveAttempted();
  672. this.trackCancellationSurveySubmitted();
  673. this.trackAppStoreNavigated();
  674. },
  675. trackLoginRequested: function () {
  676. $('#login_submit_button').click(function () {
  677. analytics.track('Login Requested', {
  678. loginId: $('#login_form_name').val(),
  679. ActionDetail: helper.buildActionDetail($(this), 'right')
  680. })
  681. });
  682. $('#freetrial_landing_login_form').find('button').click(function () {
  683. analytics.track('Login Requested', {
  684. loginId: $('#login_form_name').val(),
  685. ActionDetail: helper.buildActionDetail($(this), 'right')
  686. })
  687. });
  688. },
  689. trackLoginSelected: function () {
  690. $('#header_userpanel_beta').find('.login a').click(function () {
  691. analytics.track('Login Selected', {
  692. ActionDetail: helper.buildActionDetail($(this).find('.caption'), 'header')
  693. })
  694. });
  695. $('.showmedia-free-trial-already-have-account a').click(function () {
  696. analytics.track('Login Selected', {
  697. ActionDetail: helper.buildActionDetail($(this), 'right')
  698. })
  699. });
  700. $('#freetrial_landing_select_login_form').click(function () {
  701. analytics.track('Login Selected', {
  702. ActionDetail: helper.buildActionDetail($(this), 'right')
  703. })
  704. })
  705. $('#log_in_link').click(function() {
  706. analytics.track('Login Selected', {
  707. ActionDetail: helper.buildActionDetail($(this).find('.erc-account-menu__link-title'), 'top right')
  708. });
  709. });
  710. $('#add_to_queue_login').click(function() {
  711. let event_properties = {
  712. ActionDetail: helper.buildActionDetail($(this), 'queue_prompt'),
  713. };
  714. analytics.track('Login Selected', event_properties)
  715. });
  716. },
  717. trackLogoutSelected: function() {
  718. $('#logout').click(function() {
  719. analytics.track('Logout Selected', {
  720. ActionDetail: helper.buildActionDetail($(this), 'top right')
  721. });
  722. });
  723. },
  724. trackLoginFailed: function() {
  725. var errors = $('#login_form').find('li.error');
  726. if (errors.length > 0) {
  727. analytics.track('Login Failed', {
  728. emailAddress: $('#login_form_name').val(),
  729. failureReason: errors.first().text()
  730. });
  731. }
  732. errors = $('#freetrial_login_form').find('li.error');
  733. if (errors.length > 0) {
  734. analytics.track('Login Failed', {
  735. emailAddress: $('#login_form_name').val(),
  736. failureReason: errors.first().text()
  737. });
  738. }
  739. },
  740. trackRandomSelected: function () {
  741. $('#random_button').click(function () {
  742. analytics.track('Random Content Button Selected', {
  743. ActionDetail: helper.buildActionDetail($(this), 'top right')
  744. })
  745. });
  746. },
  747. trackRegistrationRequested: function () {
  748. let trackEvent = function (form_selector, submit_button_selector, email_field_selector, position, trackRegistrationFailed) {
  749. $(submit_button_selector).click(function() {
  750. analytics.track('Registration Requested', {
  751. emailAddress: $(form_selector).find(email_field_selector).val(),
  752. ActionDetail: helper.buildActionDetail($(this), position)
  753. });
  754. if (typeof trackRegistrationFailed != 'undefined' && trackRegistrationFailed) {
  755. //catch ajax validation errors
  756. segment.trackRegistrationFailed(form_selector, email_field_selector);
  757. }
  758. });
  759. }
  760. trackEvent('#signup_form', '#signup_form #signup_submit_button', '#signup_with_profile_email', 'left');
  761. trackEvent('#freetrial_signup_form', '#freetrial_signup_form #signup_submit_button', '#signup_email', 'right', true);
  762. trackEvent('#showmedia_free_trial_form', '.showmedia-free-trial-content .free-trial-submit-button', '#new_email', 'right');
  763. },
  764. trackRegistrationFailed: function () {
  765. var errors = $('#signup_form').find('li.error');
  766. if (errors.length > 0) {
  767. analytics.track('Registration Failed', {
  768. emailAddress: $('#signup_with_profile_email').val(),
  769. failureReason: errors.first().text()
  770. });
  771. }
  772. errors = $('#freetrial_signup_form').find('li.error');
  773. if (errors.length > 0) {
  774. analytics.track('Registration Failed', {
  775. emailAddress: $('#freetrial_signup_form #signup_email').val(),
  776. failureReason: errors.first().text()
  777. });
  778. }
  779. },
  780. trackRegistrationSelected: function () {
  781. $('#freetrial_landing_select_signup_form').click(function () {
  782. analytics.track('Registration Selected', {
  783. ActionDetail: helper.buildActionDetail($(this), 'right')
  784. })
  785. });
  786. $('#create_account_link').click(function() {
  787. analytics.track('Registration Selected', {
  788. ActionDetail: helper.buildActionDetail($(this), 'top right', 'Create Account')
  789. });
  790. });
  791. $('#add_to_queue_signup').click(function() {
  792. let event_properties = {
  793. ActionDetail: helper.buildActionDetail($(this), 'queue_prompt'),
  794. };
  795. let experiment = null;
  796. if (!_.isEmpty(experiment)) {
  797. event_properties['Experiment'] = experiment;
  798. }
  799. analytics.track('Registration Selected', event_properties)
  800. });
  801. },
  802. trackLinkAccountPermissionsAgreed: function() {
  803. $('.permissions-request #allow_link').click(function() {
  804. analytics.track('Link Accounts Permissions Agreed', {
  805. ActionDetail: helper.buildActionDetail($(this), 'bottom')
  806. })
  807. });
  808. },
  809. trackLinkAccountPermissionsDisagree: function() {
  810. $('.permissions-request #deny_link').click(function() {
  811. analytics.track('Link Accounts Permissions Disagree', {
  812. ActionDetail: helper.buildActionDetail($(this), 'bottom')
  813. })
  814. });
  815. },
  816. trackLinkAccountRequested: function () {
  817. $('form[name="partners_login_form"]').submit(function () {
  818. analytics.track('Link Accounts Requested', {
  819. ActionDetail: helper.buildActionDetail($(this).find('#log_in_submit_button'), 'bottom')
  820. })
  821. });
  822. },
  823. trackPaymentMethodSelected: function () {
  824. $('.subscription-page #payment_method_credit_card').click(clickOnPaymentMethod('CreditCard'));
  825. $('.subscription-page #payment_method_paypal').click(clickOnPaymentMethod('PayPal'));
  826. function clickOnPaymentMethod(method) {
  827. return function () {
  828. analytics.track('Payment Method Selected', {
  829. method: method
  830. });
  831. }
  832. }
  833. },
  834. trackSubscriptionSelected: function (element, sku) {
  835. var infoObject = {
  836. ActionDetail: helper.buildActionDetail(element, 'center')
  837. };
  838. if (sku) {
  839. infoObject.SKU = {
  840. skuId: sku.id,
  841. skuTitle: sku.title,
  842. skuType: sku.type
  843. };
  844. }
  845. analytics.track('Subscription Selected', infoObject);
  846. },
  847. trackFreeTrialSelected: function (element, sku) {
  848. if (!sku) {
  849. return;
  850. }
  851. var infoObject = {
  852. SKU: {
  853. skuId: sku.id,
  854. skuTitle: sku.title,
  855. skuType: sku.type
  856. },
  857. ActionDetail: helper.buildActionDetail(element, 'center')
  858. };
  859. analytics.track('Free Trial Selected', infoObject);
  860. },
  861. trackCustomEvent: function (event, data) {
  862. analytics.track(event, data);
  863. },
  864. trackSubscriptionCancelled: function (sku, skuTitle) {
  865. analytics.track('Subscription Cancelled', {
  866. SKU: {
  867. skuId: sku,
  868. skuTitle: skuTitle,
  869. skuType: ''
  870. }
  871. });
  872. },
  873. trackSubscriptionRequested: function () {
  874. $('#premium_pick_plan_container').find('.premium-pick-plan-choices a').click(function () {
  875. analytics.track('Subscription Requested', {
  876. ActionDetail: helper.buildActionDetail($(this), 'center', $(this).attr('data-text')),
  877. SKU: {
  878. skuId: $(this).attr('data-sku'),
  879. skuTitle: '',
  880. skuType: ''
  881. }
  882. });
  883. });
  884. },
  885. trackSearchNavigated: function() {
  886. let trackingCallback = function() {
  887. let $this = $(this);
  888. analytics.track('Search Navigated', {
  889. ActionDetail: helper.buildActionDetail($this, $this.data('position'), $this.data('text'))
  890. });
  891. };
  892. $('#header_search_form').submit(trackingCallback)
  893. $('#search, .erc-search-link').click(trackingCallback);
  894. },
  895. trackSearchPanelSelected: function() {
  896. $(document).on("click", '.search-item', function(event) {
  897. let $this = $(this);
  898. let group_id = $this.data('item-id');
  899. let group = segment_formated_searched_groups[group_id];
  900. analytics.track('Search Panel Selected', {
  901. searchResultNumber: $this.data('order-number'),
  902. ContentMeida: helper.buildContentMediaFromGroup(group),
  903. searchTerms: $('#header_search_input').val()
  904. });
  905. });
  906. },
  907. trackUpsellSelected: function() {
  908. trackEvent($('#header_try_premium_free'), 'top', 'Premium try free');
  909. trackEvent($('#footer_compare_plans'), 'bottom');
  910. trackEvent($('#footer_two_week_free_trial'), 'bottom');
  911. trackEvent($('.erc-user-eligibility'), 'top');
  912. trackEvent($('#account_menu_upsell_cta'), 'top right');
  913. trackEvent($('#cr_plus_showmedia_freetrial_cta'), 'right');
  914. trackEvent($('#cr_plus_showmedia_premium_cta'), 'right');
  915. trackEvent($('#upgrade_account_menu_button'), 'top right');
  916. trackEvent($('#upgrade_account_profile_button'), 'center');
  917. trackEvent($('#upgrade_account_profile_fan_button'), 'center');
  918. trackEvent($('#cr_plus_membership_cta a'), 'top right', $('#cr_plus_membership_cta a button').text());
  919. trackEvent($('#free_trial_prompt_cta a'), 'ftpopup', $('#free_trial_prompt_cta a button').text());
  920. trackEvent($('#interstitial_try_premium_cta'), 'bottom');
  921. trackEvent($('#watchpage_freetrial_cta'), 'right');
  922. trackEvent($('#upgrade_plan_button'), 'center');
  923. trackEvent($('#showmedia_freetrial_submit_button'), 'right');
  924. trackEvent($('.showmedia_videoplayer_cta'), 'videoplayer');
  925. function trackEvent(element, position, text) {
  926. analytics.trackLink(element.get(), 'Upsell Selected', {
  927. ActionDetail: helper.buildActionDetail(element, position, text),
  928. upsellType: element.data('upselltype'),
  929. });
  930. }
  931. },
  932. trackAnchorNavigated: function () {
  933. $('.top-menu-anchor-navigated').click(function () {
  934. analytics.track('Anchor Navigated', {
  935. ActionDetail: helper.buildActionDetail($(this), 'top'),
  936. });
  937. });
  938. },
  939. trackHelpFaq: function () {
  940. $('.bottom-help-faq').click(function () {
  941. analytics.track('Help/FAQ', {
  942. ActionDetail: helper.buildActionDetail($(this), 'bottom'),
  943. });
  944. });
  945. },
  946. trackSubscriptionCancelRequested: function () {
  947. analytics.track('Subscription Cancel Requested');
  948. },
  949. trackSubscriptionCancelConfirmed: function (element) {
  950. analytics.track('Subscription Cancel Confirmed', {
  951. ActionDetail: helper.buildActionDetail(element, 'middle top', 'OK')
  952. });
  953. },
  954. trackSubscriptionCancelSelected: function(element) {
  955. analytics.track('Subscription Cancel Selected', {
  956. ActionDetail: helper.buildActionDetail(element, 'middle left')
  957. });
  958. },
  959. trackFreeTrialCancelled: function(sku, title, type) {
  960. analytics.track('Free Trial Cancelled', {
  961. SKU: {
  962. skuId: sku,
  963. skuTitle: title,
  964. skuType: type
  965. }
  966. });
  967. },
  968. trackFreeTrialSelectedContinue: function() {
  969. $('#js_continue_free_trial').click(function() {
  970. var element = $(this);
  971. analytics.track('Free Trial Selected', {
  972. ActionDetail: helper.buildActionDetail(element, 'right'),
  973. SKU: {
  974. skuId: element.data('sku'),
  975. skuTitle: '',
  976. skuType: ''
  977. },
  978. ExternalReferrer: {
  979. referrerId: '',
  980. referrerLink: '',
  981. referrerName: '',
  982. referrerType: '',
  983. referrerUrl: ''
  984. },
  985. lengthOfFreeTrial: '14 Days'
  986. });
  987. });
  988. },
  989. trackUpsellDisplayed: function (textOfButtonOrLink, position) {
  990. analytics.track('Upsell Displayed', {
  991. textOfButtonOrLink: textOfButtonOrLink,
  992. position: position
  993. });
  994. },
  995. trackHomeSelected: function() {
  996. $('#isolated_page_home_link, #home_link, .cr-beta-back__link, #back_home').each(function() {
  997. analytics.trackLink($(this).get(0), 'Home Selected', {
  998. ActionDetail: helper.buildActionDetail($(this), $(this).data('position')),
  999. });
  1000. });
  1001. // SFP
  1002. let element = $('#cr-home a');
  1003. analytics.trackLink(element.get(), 'Home Selected', {
  1004. ActionDetail: helper.buildActionDetail(element, 'top left', element.attr('href'))
  1005. });
  1006. },
  1007. trackMainMenuItemSelected: function() {
  1008. $('.erc-header__tile, .erc-browse-dropdown__link, .erc-header-link, #header_menubar_beta a').click(function(e) {
  1009. if($(e.currentTarget).attr('id') === 'header_try_premium_free') {
  1010. return;
  1011. }
  1012. analytics.track('Main Menu Item Selected', {
  1013. ActionDetail: helper.buildActionDetail($(this), 'top')
  1014. });
  1015. });
  1016. },
  1017. trackWatchlistNavigated: function() {
  1018. $('#watchlist, .queue a').click(function() {
  1019. analytics.track('Watchlist Navigated', {
  1020. ActionDetail: helper.buildActionDetail($(this), 'top right')
  1021. });
  1022. });
  1023. },
  1024. trackAccountMenuOpened: function() {
  1025. $('#header_profile_button').click(function() {
  1026. if ($(this).hasClass('state-active')) {
  1027. return;
  1028. }
  1029. analytics.track('Account Menu Opened', {
  1030. ActionDetail: helper.buildActionDetail($(this), 'top right')
  1031. });
  1032. });
  1033. $('.js-erc-user-actions__profile').click(function () {
  1034. if ($(this).hasClass('state-open')) {
  1035. return;
  1036. }
  1037. analytics.track('Account Menu Opened', {
  1038. ActionDetail: helper.buildActionDetail($(this), 'top right')
  1039. });
  1040. });
  1041. },
  1042. trackAccountMenuItemSelected: function() {
  1043. $('.erc-account-menu__list-item, .erc-account-menu__user-meta, .dropdown-menu a').click(function() {
  1044. if ($(this).hasClass('erc-account-menu__list-item-cta')) {
  1045. return;
  1046. }
  1047. analytics.track('Account Menu Item Selected', {
  1048. ActionDetail: helper.buildActionDetail($(this), 'top right')
  1049. });
  1050. });
  1051. },
  1052. trackWhatIsVRV: function () {
  1053. $('#what_is_vrv').click(function () {
  1054. analytics.track('What is VRV Navigated', {
  1055. ActionDetail: helper.buildActionDetail($(this), 'left')
  1056. })
  1057. });
  1058. },
  1059. trackTosSelected: function () {
  1060. $('#freetrial_landing_signup_form').find('#tos_link').click(function () {
  1061. analytics.track('Terms Selected', {
  1062. ActionDetail: helper.buildActionDetail($(this), 'right')
  1063. })
  1064. });
  1065. },
  1066. trackPrivacySelected: function () {
  1067. $('#freetrial_landing_signup_form').find('#privacy_link').click(function () {
  1068. analytics.track('Privacy Selected', {
  1069. ActionDetail: helper.buildActionDetail($(this), 'right')
  1070. });
  1071. })
  1072. },
  1073. trackPasswordResetNavigated: function () {
  1074. $('#freetrial_login_form').find('.forgot-password-link').click(function () {
  1075. analytics.track('Password Reset Navigated', {
  1076. ActionDetail: helper.buildActionDetail($(this), 'right')
  1077. });
  1078. })
  1079. },
  1080. trackHappyMealExitToCR: function () {
  1081. analytics.track('HM Exited to Crunchyroll');
  1082. },
  1083. trackHappyMealExitToVRV: function () {
  1084. analytics.track('HM Exited to VRV');
  1085. },
  1086. trackSFPHelp: function() {
  1087. analytics.track('SFP Help/FAQ', {
  1088. ActionDetail: helper.buildActionDetail($(this), 'bottom')
  1089. })
  1090. },
  1091. trackSFPBenefitNavigated: function(partner, link) {
  1092. analytics.track('3rd Party Bundle Benefit Link Navigated', {
  1093. ActionDetail: helper.buildActionDetail($(this)),
  1094. externalBenefitPartner: partner,
  1095. externalDestinationUrl: link
  1096. })
  1097. },
  1098. trackManualSigninNavigated: function () {
  1099. $('#create_or_sign_in_vrv_account').click(function () {
  1100. analytics.track('Manual Signin Navigated', {
  1101. ActionDetail: helper.buildActionDetail($(this), 'bottom')
  1102. });
  1103. });
  1104. },
  1105. trackErrorBannerDisplayed: function (element) {
  1106. analytics.track('Error Banner Displayed', {
  1107. ActionDetail: helper.buildActionDetail($(element), 'center')
  1108. });
  1109. },
  1110. trackErrorBannerNavigated: function () {
  1111. analytics.track('Error Banner Navigated', {
  1112. ActionDetail: helper.buildActionDetail($(this), 'center')
  1113. });
  1114. },
  1115. trackShoppingContinued: function () {
  1116. $('#continue_shopping').click(function () {
  1117. analytics.track('Shopping Continued');
  1118. });
  1119. },
  1120. trackCartUpdated: function () {
  1121. $('#update_cart').click(function () {
  1122. analytics.track('Cart Updated');
  1123. }
  1124. );
  1125. },
  1126. trackCartViewed: function (cart) {
  1127. analytics.track('Cart Viewed', cart);
  1128. },
  1129. trackGetShippingEstimate: function (countryCode, zip) {
  1130. analytics.track('Get Shipping Estimate', {
  1131. country: countryCode,
  1132. zip: zip
  1133. });
  1134. },
  1135. trackCheckoutStarted: function () {
  1136. $('#checkout_cart').click(function () {
  1137. analytics.track('Checkout Started');
  1138. });
  1139. },
  1140. trackOrderCompleted: function (orderId) {
  1141. analytics.track('Order Completed', {
  1142. orderId: orderId
  1143. });
  1144. },
  1145. trackPartnerLoginViewed: function (partnerId, partnerName) {
  1146. analytics.track('Partner Login', {
  1147. partnerId: partnerId,
  1148. partnerName: partnerName
  1149. });
  1150. },
  1151. trackPartnerLoginRequested: function (loginId, partnerId, partnerName) {
  1152. analytics.track('Partner Login Requested', {
  1153. partnerId: partnerId,
  1154. partnerName: partnerName,
  1155. loginId: loginId
  1156. });
  1157. },
  1158. trackPartnerSignupViewed: function (partnerId, partnerName) {
  1159. analytics.track('Partner Signup', {
  1160. partnerId: partnerId,
  1161. partnerName: partnerName
  1162. });
  1163. },
  1164. trackPartnerSignupRequested: function (signupId, partnerId, partnerName) {
  1165. analytics.track('Partner Signup Requested', {
  1166. partnerId: partnerId,
  1167. partnerName: partnerName,
  1168. signupId: signupId
  1169. });
  1170. },
  1171. trackPromotedShowClicked: function() {
  1172. $('a[data-name="promoted_group"]').click(function() {
  1173. position = $(this).data('position');
  1174. selectedShow = featuredShows[position];
  1175. analytics.track('CR Legacy Featured Show Selected', {
  1176. ActionDetail: helper.buildActionDetail($(this), 'right'),
  1177. ContentMedia: helper.buildContentMediaFromGroup(selectedShow),
  1178. featuredShowPosition: position,
  1179. featuredShows: featuredShows
  1180. });
  1181. });
  1182. },
  1183. trackOptInPopupDismissed: function() {
  1184. $('.opt-in__close').click(function() {
  1185. analytics.track('Beta Opt-in Pop-up Dismissed', {
  1186. ActionDetail: helper.buildActionDetail($(this), 'bottom right')
  1187. });
  1188. });
  1189. },
  1190. trackBetaOptInConfirmed: function() {
  1191. $('.cr-button--primary').click(function() {
  1192. analytics.track('Beta Opt-in Confirmed', {
  1193. ActionDetail: helper.buildActionDetail($(this), $(this).data('position'))
  1194. });
  1195. });
  1196. },
  1197. trackBetaOptOutConfirmed: function() {
  1198. $('#beta_opt_out_confirm_btn').click(function() {
  1199. analytics.track('Beta Opt-out Confirmed', {
  1200. ActionDetail: helper.buildActionDetail($(this), 'center')
  1201. });
  1202. });
  1203. },
  1204. trackModalBetaLeaveClose: function() {
  1205. $('.js-beta-leave-close').click(function() {
  1206. analytics.track('Beta Opt-out Cancelled', {
  1207. ActionDetail: helper.buildActionDetail($(this))
  1208. });
  1209. });
  1210. },
  1211. trackBetaCTASelected: function() {
  1212. $('.opt-in__nav, .opt-in__cta').click(function() {
  1213. analytics.track('Beta Opt-in CTA Selected', {
  1214. ActionDetail: helper.buildActionDetail($(this), $(this).data('position')),
  1215. });
  1216. });
  1217. },
  1218. trackStoreButtonClicked: function() {
  1219. $('#store_button').click(function() {
  1220. analytics.track('CR Store Button Clicked', {
  1221. ActionDetail: helper.buildActionDetail($(this), $(this).data('position')),
  1222. });
  1223. });
  1224. },
  1225. trackMarketingBox: function() {
  1226. $('#marketing_box').one('click', function(e) {
  1227. var $this = $(this),
  1228. url = $this.attr('href');
  1229. analytics.track('Promo Box Clicked', {
  1230. ActionDetail: helper.buildActionDetail($this, $this.data('position')),
  1231. promoBoxImage: $this.children('img').attr('src'),
  1232. promoBoxURL: url,
  1233. campaignId: $this.data('campaignid')
  1234. });
  1235. });
  1236. },
  1237. trackMarketingBanner: function() {
  1238. $('#marketing_banner').one('click', function(e) {
  1239. var $this = $(this),
  1240. url = $this.attr('href');
  1241. analytics.track('Promo Box Clicked', {
  1242. ActionDetail: helper.buildActionDetail($this, $this.data('position')),
  1243. promoBoxImage: $this.data('image'),
  1244. promoBoxURL: url,
  1245. campaignId: $this.data('campaignid'),
  1246. ContentMedia: helper.buildContentMediaFromGroup()
  1247. });
  1248. });
  1249. },
  1250. trackSeriesBanner: function() {
  1251. $('#series_promo_banner').one('click', function(e) {
  1252. var $this = $(this),
  1253. url = $this.attr('href');
  1254. analytics.track('Promo Box Clicked', {
  1255. ActionDetail: helper.buildActionDetail($this, $this.data('position')),
  1256. promoBoxImage: $this.children('img').attr('src'),
  1257. promoBoxURL: url,
  1258. campaignId: $this.data('campaignid')
  1259. });
  1260. });
  1261. },
  1262. trackCancellationSurveySubmitted: function() {
  1263. $('#exit_survey_submit').one('click', function(e) {
  1264. var $this = $(this);
  1265. analytics.track('Cancellation Survey Submitted', {
  1266. ActionDetail: helper.buildActionDetail($this),
  1267. SKU: {
  1268. skuId: $this.data('sku'),
  1269. skuTitle: $this.data('product-title'),
  1270. skuType: ''
  1271. }
  1272. });
  1273. });
  1274. },
  1275. trackWatchlistItemAddAttempted: function() {
  1276. $(window).on('watchlist.item.add_attempted', function(e, data) {
  1277. let event_properties = {
  1278. ContentMedia: data.contentMedia,
  1279. ActionDetail: helper.buildActionDetail($(data.elem), 'center'),
  1280. };
  1281. let experiment = null;
  1282. if (!_.isEmpty(experiment)) {
  1283. event_properties['Experiment'] = experiment;
  1284. }
  1285. analytics.track('Watchlist Item Add Attempted', event_properties);
  1286. });
  1287. },
  1288. trackWatchlistItemRemoveAttempted: function() {
  1289. $(window).on('watchlist.item.remove_attempted', function(e, data) {
  1290. analytics.track('Watchlist Item Remove Attempted', {
  1291. ContentMedia: data.contentMedia,
  1292. ActionDetail: helper.buildActionDetail($(data.elem), 'center')
  1293. });
  1294. });
  1295. },
  1296. trackAppStoreNavigated: function() {
  1297. $('.interstitial-cta-js').click(function() {
  1298. let $this = $(this);
  1299. analytics.track('App Store Navigated', {
  1300. appStore: $this.data('app-store'),
  1301. ActionDetail: helper.buildActionDetail($this, 'center')
  1302. });
  1303. });
  1304. },
  1305. trackAccountRequired: function(btn) {
  1306. let page_metadata = {};
  1307. page_metadata = {"isAuthenticated":false};
  1308. page_metadata.referrer = document.referrer;
  1309. analytics.page('Account Required', page_metadata);
  1310. }
  1311. };
  1312. $(function() {
  1313. segment.track();
  1314. });
  1315. var helper = {
  1316. buildActionDetail: function(element, position, text) {
  1317. return {
  1318. textOfButtonOrLink: text || element.text().trim(),
  1319. pageOrScreen: 'Login',
  1320. position: position || '',
  1321. referrer: document.referrer
  1322. }
  1323. },
  1324. buildContentMediaFromGroup(group) {
  1325. if (group === undefined) {
  1326. return;
  1327. }
  1328. return {
  1329. mediaType: group.mediaType,
  1330. mediaId: group.mediaId,
  1331. externalMediaID: group.externalMediaID,
  1332. mediaTitle: group.name
  1333. }
  1334. }
  1335. };
  1336. })();
  1337. </script>
  1338. <script>
  1339. function initTTDUniversalPixelApi() {
  1340. var url = 'https://insight.adsrvr.org/track/up/';
  1341. var advertizerId = "bk1xezd";
  1342. var tagId = "a1pxjel";
  1343. var params = {};
  1344. if (ttd_dom_ready) {
  1345. ttd_dom_ready(function () {
  1346. if (typeof TTDUniversalPixelApi === 'function') {
  1347. var universalPixelApi = new TTDUniversalPixelApi();
  1348. universalPixelApi.init(advertizerId, [tagId], url, params);
  1349. }
  1350. });
  1351. }
  1352. }
  1353. </script>
  1354. <script>
  1355. window.addEventListener('load', function () {
  1356. window.privacy.appendScript(['ads-general', 'ads-vendor'], 'the-trade-desk', {
  1357. async: false,
  1358. onload: initTTDUniversalPixelApi,
  1359. src: 'https://js.adsrvr.org/up_loader.1.1.0.js'
  1360. });
  1361. });
  1362. </script>
  1363. <script type="text/javascript">
  1364. $(function initializePage() {
  1365. $('#login_form').validationManager(getValidationManagerOptions());
  1366. $('#signup_form').validationManager(getValidationManagerOptions());
  1367. Page.messaging_box_controller = new MessageBox({"render_to": "#message_box"});
  1368. Page.messaging_box_controller.addItems([]);
  1369. });
  1370. </script>
  1371. </html>