http://wiki.clicktale.com/index.php?title=Special:RecentChanges&feed=atomClickTale Wiki - Recent changes [en]2012-05-16T22:03:29ZTrack the most recent changes to the wiki in this feed.MediaWiki 1.18.0http://wiki.clicktale.com/Article/User:MatthewUser:Matthew2012-05-16T21:27:50Z<p>New user account</p>
Matthewhttp://wiki.clicktale.com/Article/User:MullenHolbert522User:MullenHolbert5222012-05-15T20:03:31Z<p>New user account</p>
MullenHolbert522http://wiki.clicktale.com/Article/User:FumozeVubanuUser:FumozeVubanu2012-05-15T12:28:51Z<p>New user account</p>
FumozeVubanuhttp://wiki.clicktale.com/index.php?title=Playback_Time_JavaScript_API&diff=2932&oldid=2810Playback Time JavaScript API2012-05-15T10:40:06Z<p><span class="autocomment">Example - Open hidden DIVs in Heatmaps and Form Analytics: </span> </p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:40, 15 May 2012</td>
</tr><tr><td colspan='4' align='center' class='diff-multi'>(One intermediate revision by one user not shown)</td></tr><tr><td colspan="2" class="diff-lineno">Line 75:</td>
<td colspan="2" class="diff-lineno">Line 75:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>     ]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>     ]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></source></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">===Example - Open hidden DIVs in Heatmaps and Form Analytics===</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Let's assume you have a multiple step form, consisting of a few hidden <nowiki><div></nowiki>s, two of which are:</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><source lang="javascript"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><div id="step2" style="display:none"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><div id="step3" style="display:none"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></source></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">You would like these <nowiki><div></nowiki>'s to be visible in the MouseMove and Clicks Heatmaps as well as in Form Analytics. </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">To enable this simply put the following code on the HTML of your page: </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><source lang="javascript"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">  </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">  <script type="text/javascript"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                  if (typeof ClickTaleContext == 'object') {</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                          try {</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                                ClickTaleContext.getAggregationContextAsync("1", function (context) {</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                                  if (context.ReportType == 'MouseMoveHeatmap' || context.ReportType == 'MouseClickHeatmap' || context.ReportType == 'FormAnalytics') {</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                                            document.getElementById('step2').style.display='block';</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                                            document.getElementById('step3').style.display='block';</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                        }</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                    });</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                }</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                catch (e) { }</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">            }</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">  </script></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">                  </ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></source></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></source></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>Danahttp://wiki.clicktale.com/Article/User:Flgabriel89User:Flgabriel892012-05-15T04:17:30Z<p>New user account</p>
Flgabriel89http://wiki.clicktale.com/Article/User:Wimattison97User:Wimattison972012-05-15T01:29:27Z<p>New user account</p>
Wimattison97http://wiki.clicktale.com/Article/User:Braymon15User:Braymon152012-05-14T17:31:06Z<p>New user account</p>
Braymon15http://wiki.clicktale.com/Article/User:Atriariotai1982User:Atriariotai19822012-05-14T11:38:10Z<p>New user account</p>
Atriariotai1982http://wiki.clicktale.com/Article/User:Bojohnnie23User:Bojohnnie232012-05-14T09:14:42Z<p>New user account</p>
Bojohnnie23http://wiki.clicktale.com/Article/User:Jestoltz71User:Jestoltz712012-05-14T08:37:25Z<p>New user account</p>
Jestoltz71http://wiki.clicktale.com/Article/User:Admunafo93User:Admunafo932012-05-14T01:00:37Z<p>New user account</p>
Admunafo93http://wiki.clicktale.com/Article/User:Roparda36User:Roparda362012-05-13T22:36:11Z<p>New user account</p>
Roparda36http://wiki.clicktale.com/Article/User:SansoneLamere873User:SansoneLamere8732012-05-13T22:00:51Z<p>New user account</p>
SansoneLamere873http://wiki.clicktale.com/Article/User:FayowiPoqoceUser:FayowiPoqoce2012-05-13T13:17:23Z<p>New user account</p>
FayowiPoqocehttp://wiki.clicktale.com/Article/User:Qzane21User:Qzane212012-05-13T11:10:04Z<p>New user account</p>
Qzane21http://wiki.clicktale.com/Article/User:Quwinston94User:Quwinston942012-05-13T00:23:27Z<p>New user account</p>
Quwinston94http://wiki.clicktale.com/Article/User:Swtorbots32User:Swtorbots322012-05-12T23:33:25Z<p>New user account</p>
Swtorbots32http://wiki.clicktale.com/Article/User:Tribeshack64User:Tribeshack642012-05-12T05:34:22Z<p>New user account</p>
Tribeshack64http://wiki.clicktale.com/Article/User:Brcraig68User:Brcraig682012-05-11T17:56:26Z<p>New user account</p>
Brcraig68http://wiki.clicktale.com/Article/User:Thjeffrey46User:Thjeffrey462012-05-11T17:25:48Z<p>New user account</p>
Thjeffrey46http://wiki.clicktale.com/Article/User:Jeremi54User:Jeremi542012-05-11T07:50:57Z<p>New user account</p>
Jeremi54http://wiki.clicktale.com/Article/User:Kisrael52User:Kisrael522012-05-11T01:13:44Z<p>New user account</p>
Kisrael52http://wiki.clicktale.com/Article/User:Sleland30User:Sleland302012-05-10T18:39:14Z<p>New user account</p>
Sleland30http://wiki.clicktale.com/index.php?title=Troubleshooting:Form_Analytics&diff=2930&oldid=1874Troubleshooting:Form Analytics2012-05-10T09:38:52Z<p><span class="autocomment">Bronze subscribers can use Form Analytics for standard html forms. What is considered a standard html form?: </span> </p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:38, 10 May 2012</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 18:</td>
<td colspan="2" class="diff-lineno">Line 18:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div># Because the fields with the missing numbers are normally hidden in the form, and only appear once a visitor has performed a certain action (e.g. selected an element from a drop-down box in the form). To have these fields appear when the report is viewed, add code which makes them visible during that time via the CTIsPlayback function, similar to the code noted [[JavaScript_integration#Enabling_dynamic_JavaScript_activation_during_aggregated_reports|here]].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div># Because the fields with the missing numbers are normally hidden in the form, and only appear once a visitor has performed a certain action (e.g. selected an element from a drop-down box in the form). To have these fields appear when the report is viewed, add code which makes them visible during that time via the CTIsPlayback function, similar to the code noted [[JavaScript_integration#Enabling_dynamic_JavaScript_activation_during_aggregated_reports|here]].</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>==<del class="diffchange diffchange-inline">Bronze subscribers can use Form Analytics for standard html forms. </del>What is <del class="diffchange diffchange-inline">considered </del>a standard html form?==</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>== What is a standard html form?==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>A standard html form is a form where:</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>A standard html form is a form where:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#The submission element is either input with type submit, input with type image, or button with type submit. This is to ensure that the onsubmit event is triggered by the form.  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#The submission element is either input with type submit, input with type image, or button with type submit. This is to ensure that the onsubmit event is triggered by the form.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#Submission is done via the standard form methods (POST or GET) rather than being performed via a JavaScript function.  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#Submission is done via the standard form methods (POST or GET) rather than being performed via a JavaScript function.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#After a successful form submission the page is reloaded - could be on the same URL</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#After a successful form submission the page is reloaded - could be on the same URL</div></td></tr>
</table>Danahttp://wiki.clicktale.com/Article/User:Hathurman6User:Hathurman62012-05-10T06:27:20Z<p>New user account</p>
Hathurman6http://wiki.clicktale.com/Article/User:Eallen15User:Eallen152012-05-10T03:05:54Z<p>New user account</p>
Eallen15http://wiki.clicktale.com/Article/User:Mlatini41User:Mlatini412012-05-09T19:07:58Z<p>New user account</p>
Mlatini41http://wiki.clicktale.com/Article/User:CuevasMathieu641User:CuevasMathieu6412012-05-09T16:42:58Z<p>New user account</p>
CuevasMathieu641http://wiki.clicktale.com/Article/User:CandieRibeiro794User:CandieRibeiro7942012-05-09T08:46:40Z<p>New user account</p>
CandieRibeiro794http://wiki.clicktale.com/Article/User:BryanUser:Bryan2012-05-09T08:03:34Z<p>changed group membership for <a href="/index.php?title=User:Bryan&action=edit&redlink=1" class="new" title="User:Bryan (page does not exist)">User:Bryan</a> from (none) to confirmed</p>
Arikhttp://wiki.clicktale.com/Article/User:KeyrjtADjUser:KeyrjtADj2012-05-09T04:29:44Z<p>New user account</p>
KeyrjtADj