Could you please explain why I am finding Jaco Recorder being loaded into Sitecake?
It’s very frustrating to find this kind of code.
Please explain.
There are two main reasons why I am concerned about this:
- GDPR
- An error occurs which appears to be related.
Here’s the error:
CMS encountered a problem! Help us correct the issue and tell us what happened.
Please include the report from below. To continue editing just reload the page.
Sitecake version: 2.4.7; PHP version: 5.6.30@Linux; User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36; Uncaught exception: java.lang.JsException: TypeError: Cannot set property ‘value’ of undefined at Unknown.anonymous(http://<<<>>>.com/sitecake.php)
Different error in a different browser:
CMS encountered a problem! Help us correct the issue and tell us what happened.
Please include the report from below. To continue editing just reload the page.
Sitecake version: 2.4.7; PHP version: 5.6.30@Linux; User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.1 Safari/605.1.15; Uncaught exception: java.lang.JsException: TypeError: undefined is not an object (evaluating ‘document.getElementsByClassName(“GIBFJXGDFG”)[0].value = “admin”’)
Where did you find a Jaco recorder?
I must apologise … it is not in the main code.
BUT … IT IS in the Sitecake Demo template !!!
Have a look at the index.html file in the template:
<!DOCTYPE html>
<html class="full" lang="en">
<!-- Make sure the <html> tag is set to the .full CSS class. Change the background image in the full.css file. -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Sitecake demo. Bootstrap 4 styles.</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Sitecake styles CSS -->
<link href="css/sitecake.css" rel="stylesheet">
<!--Lato font from Google Fonts-->
<link href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
(function (e, t) {
function r(e, t) {
e[t] = function () {
e.push([t].concat(Array.prototype.slice.call(arguments, 0)));
};
}
var n = "JacoRecorder";
(function (e, t, i, s) {
if (!i.__VERSION) {
e[n] = i;
var o = ["init", "identify", "startRecording", "stopRecording", "removeUserTracking", "setUserInfo"];
for (var u = 0; u < o.length; u++) r(i, o[u]);
i.__VERSION = .9, i.__INIT_TIME = 1 * new Date;
var a = t.createElement("script");
a.async = !0, a.setAttribute("crossorigin", "anonymous"), a.src = s;
var f = t.getElementsByTagName("head")[0];
f.appendChild(a);
}
})(e, t, e[n] || [], "//recorder-assets.getjaco.com/recorder.js");
}).call(window, window, document), window.JacoRecorder.push(["init", "de125860-47b2-4e8e-a5b8-4af522df9268", {}]);
</script>
</head>
<body>
<div class="pageheader">
<div class="container">
<div class="row">
<div class="sc-content col-xs-9 sc-content">
<h1>Sitecake Demo</h1>
<p class="lead">This is a demo and a guide at the same time. Go through examples below, try adding some text, images or videos. Play around, you can not break anything. </p>
</div>
<div class="sc-content col-xs-3 sc-content">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3 col-md-push-9 sidebar sc-content">
</div>
<div class="col-xs-12 col-md-9 col-md-pull-3 sc-content">
<h3>Adding elements on the page </h3>
<p>New elements are added by dragging toolbar icons down on your page. Don't click them, drag them down. </p>
<div class="sc-html">
<img src="images/new-heading.gif" class="img-fluid">
</div>
<p>Try it now, create a new heading by dragging H1 icon. </p>
<p> </p>
<p> </p>
</div>
</div>
<!-- //row -->
<div class="row altbgr">
<div class="col-md-3 col-md-push-9 sidebar sc-content">
</div>
<div class="col-xs-12 col-md-9 col-md-pull-3 sc-content">
<h3>Working with images</h3>
<p>There are three ways of adding images</p>
<ul>
<li>drag and drop image toolbar icon, click and browse </li>
<li>drag and drop an image from your desktop</li>
<li>drag and drop an image from other browser window</li>
</ul>
<p><strong>Example: Adding the image from another website</strong></p>
<div class="sc-html">
<img src="images/image-from-website.gif" class="img-fluid">
</div>
<p> </p>
<p> </p>
<p>One click on the images enters <strong>resize mode</strong>, two clicks for <strong>crop mode</strong>, three clicks for <strong>frame mode</strong>. ENTER or double click to save change.</p>
<p>Try playing with the sample image below. </p>
<img src="images/cowork.jpg" class="img-fluid" />
<p> </p>
<p>As a bonus, you can try adding multiple images from your desktop to create a photo set. </p>
</div>
</div>
<!-- //row -->
<div class="row">
<div class="col-md-3 col-md-push-9 sidebar sc-content">
</div>
<div class="col-xs-12 col-md-9 col-md-pull-3 sc-content">
<h3>Adding videos</h3>
<p>With Sitecake one can drag and drop add Youtube or Vimeo videos. Just pull the URL from the address bar or video thumbnail to your page. Once on the page video can be resized if needed. Here is an example below. </p>
<div class="sc-html">
<img src="images/video2.gif" class="img-fluid">
</div>
<p> </p>
<p> </p>
<p> </p>
<h3>Adding maps, tweets and more...</h3>
<p>In the same manner you can drag and drop URL from Google map, or a tweet URL and Sitecake will embed it in the page. We will be adding more and more content types for drag and drop embedding. Content is not with you any more, it's on cloud services, so there should be an easy way to add it.</p>
<div class="sc-html">
<img src="images/map.gif" class="img-fluid">
</div>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<!-- //row -->
<div class="row altbgr">
<div class="col-md-3 col-md-push-9 sidebar sc-content">
</div>
<div class="col-xs-12 col-md-9 col-md-pull-3 sc-content">
<h3>Apply predefined CSS styles</h3>
<p>Sitecake reads website CSS files and in case it finds that more than one style is defined for a certain type of content it will display all styles in the drop down on the toolbar. For example, this template is based on Bootstrap CSS so you can pick different paragraph styles defined by Bootstrap. Try clicking on any paragraph and picking a style from a toolbar drop down.</p>
<p> </p>
<div class="sc-html">
<img src="images/styles.gif" class="img-fluid">
</div>
<p> </p>
<p> </p>
<p>Apply a style on me.</p>
<p> </p>
</div>
</div>
<!-- //row -->
<div class="row">
<div class="col-md-3 col-md-push-9 sidebar sc-content">
</div>
<div class="col-xs-12 col-md-9 col-md-pull-3 sc-content">
<p> </p>
</div>
</div>
<!-- //row -->
</div>
<!-- //container -->
<!-- Sitecake admin pass autofill -->
<script type="text/javascript">
setTimeout(function () {
if (window.sitecakeGlobals && sitecakeGlobals.editMode === false) {
document.getElementsByClassName("GIBFJXGDFG")[0].value = "admin";
}
}, 2000);
</script>
</body>
</html>I thought it was in sitecake.php (or one of your libraries) because I found it in that file, but I realise now that the file is filtered from the underlying source (index.html) …
Hm, this is strange.
We used to have Jaco on our website, as a UX testing tool. It’s records videos of anonymous users browsing the website / templates so we can figure our how to improve them. But it’s removed. A while ago.
It’s not in the website, nor demo any more. I don’t know how you see this.
I just purged CloudFlare cache. Maybe that was the cause.
After buying Sitecake, I downloaded the package of the Sitecake Demo Template from the templates page.
The Jaco Recorder code was in the index.html file in that bundle. It also contained another bit of code that caused errors, relating to prefilling the default demo password.
When was that? Recently?
Hey you are right. It’s our old demo template, I just put it there for people see how to define user styles in Sitecake. Never intended to record seesion.
I update the template immediately.
I just copied demo code from our website to a template, forgot that there was Jaco code and auto login code in it.
Thanks Nik for your speedy answers.
I’m really loving Sitecake so far …
Thanks again!