1. Getting Started
1.1 Adding your first site
In order to start using oopcee you need to add at least one domain name in the 'Sites' section from your oopcee interface.
For each website you add we will provide you a unique code snippet which is essential for running oopcee on your website.
Log into your account and go to 'Sites'.
From 'Sites' page, press the 'Add site' button.
You will need to add the domain of the site you are about (Site URL).
Example
Site URL : http://www.my-example-website.com
1.2 Managing sites
You can view all your sites in the 'Sites' section.
Mention: If you didn't add any website from 'Sites' section or from account creation, the list will be empty.
You can see the 'Actions' column which is ment to offer you the possibility to edit or delete your websites
1.3 oopcee tracking code
After successfully adding a website ( 1.1 Adding your first website ) you will be able to see all of that website's details and actions you can take ( Name, Url, Code, Actions, Recording )
Click the 'Tracking code' button in the 'Code' column to view your oopcee tracking code
Mention: If you didn't add any website from 'Sites' section or from account creation, you will have no tracking code available.
1.4 Manual implementation
oopcee’s Javascript code is asynchronous, which means
it does not block your site while it does its own work. The embed code is designed not to slow down your site. After adding a site in Sites section, click the purple button in the Code column then you can just copy the code or press the Copy Code button.
Your code should look something like this:
<script type="text/javascript">
m="0408V102Xa117kD110XU099XA116xI1051S11152110ZN040ie041ku032ng123V211802097
DZ114Na032du1181Z105KX100L1101LE111KN086CC105FP115zi105De116gs115zA032fn061e
60329q100jC111A6099Ik117dL109RD101I9110yS116i0046gP099bQ1145C101tj097XN116wy
101UW069Ks108x0101KY109Ic101Wu110v0116Uo040nb039FB115L1099mU114zy105RB112nn1
16uD039Il041Xc059GN118aU105eT100AD1019a111LE086Kg105IE115wr105qo116fI115co04
60i1163P121oL1126r1012m0328L061O10322D039bM116Xl101LT120pY116070476P106rZ097
v6118ct097d3115AC099QD114QY105vQ112Kn116Pi039IS059iy118M9105xI100V41011i111V
n086hl1054N1151c105Uv116P7115tb046LQ097Kh115Ax121Ga110rK09909032hV0616F032aa
116bT114Qk117mb10115059fe1188f105Mw1003W1015l111P2086wc105VO11525105971165l1
15TQ046mH115l7114Rl099Rn032JJ061ST032qF040730397n104Rp116MS116Fn112Rq1152v05
8dF039HY0323c0615D061Ow032Yh100zj111ND099zg117uU109tK1014D110kY116Sz0464G108
ij111ZX099qp097qy1167g105Ga1117c110HJ046Ms112t6114Ke111Hy1167w1118v099Xu111s
A108s30328h063Av032th039pz104yl116rN116Sc112xO115tP0585f047G3047xo100BH101bL
118RH046ys111dW111da112EX099Zc101gL101CM046Gj0993q1113e109YN0478r118hA105BN1
00L4101X0111QY118RI105ka115U8105Ax116iu115rM047UG106AT115iT047Fe0396T032tw04
31W032L9039S4118KC105W9100aZ101fd1115i1182H1052i11577105VY116fC115Iz0465v106
Vd115Et063WV116wx061cJ053ox054kY09904099Rb0511J098PG05715049ro100cL051Pe102U
R053aq055Fm0548J054FE052QK052eu048kb049d3057m0052rf0559f102q4051cX039KV032hx
058x1032ag039Yw104eT116GZ116eO1120A058nB047cs047Ra100UD1013b118t7046PA111g31
115V112ry099TR101QU101UH046RL099Fa111v8109Xs047hw118xs105jJ1007w10147111QH11
88k105mO11566105MW116zM115rl047AF106KB115sd047We039xV032jp043BB032mk039Zr118
WX105mt100Zr101bV111Cc118h41055x115Sw1056C116Mn115n5046NS106Ki115or063Zt116t
I061rt053F9054vM099Un099Z2051VX098Zj057PY049Ul100Pz051Zc102g5053qI0552C054iM
054sD0521E052LF048nO049Yu057jk0524V055eV102B3051eq039nY041wt059Oh118lS097JS1
143R032NJ1154B032SR061j7032KA1001a111Yn099Wg117ar109tb101ri110h01160d046XB10
3C9101VB116dv069d6108go101L4109Gy101Rs110WW116FY1156j066ss121eY084oP097Sq103
WS078LN097RD109xQ101Ez040nP039Aw115II099c31146N105au112FK116rT0394B041GQ091B
o048rU093KA059km115xp046kw1126k097LW114pP101Co110Gr116X5078SS111rR1008x101Mr
046Mb105WY1109E1153Z101gm114mr116Xu066ux101ok102ji111Ex114th101i7040w5118F61
05mG100hw101wY111el086Ux105zb115sv105lm116qJ115N5044sk032Ww115Pu041cJ059Nk12
5OI0416M040zo041kt059EI";function y(e,s){function c(v){while(v.charAt(0)=="0
")v=v.substr(1);return v}var r="";for(var i=0;i
<script>
Mention: After pressing 'Tracking code' button press 'Copy Code' to automatically copy the code without missing any text.
2. Recordings
2.1 Overview
What is a Recording ?
A recording is a full set of data representing a visitor's actions on your website.
Session recording
oopcee will create a new session for each visitor that enters your website.
As long as the session is active, oopcee will continue recording the visitor and his actions.
Sorting recordings
By default, all your recordings are sorted 'descending'.
Let's say you want to sort your recordings by 'Visit Duration' column.
The above column heading has the Up and Down arrows visible, so no sorting applied by this column.
Clicking on 'Visit Duration' heading you will see the orange arrows change into a single arrow pointing top which means 'Ascending' and a second click would change the up arrow into down arrow sorting all recordings 'Descending'.
What type of actions are recorded ?
Mouse clicks
Mouse movements
Scroll movements
Key strokes
HTML changes
Recording fields
Date
The date when the recording was made.
Play
Start a recording by pressing the 'Play' button, which will automatically take you to a new window.
User Info
Information about the user who was recorded taking actions on your website.
Ip address, country, region.
Referrer Info
The referrer is the URL address from which a visitor has come to your website.
Pages
The total number of pages a recording has.
Visit Duration
The total time the user spent on your website.
Device
The device the visitor was using while on your website.
Notes
Mark intresting aspects of a visit.
Delete
Used to easily delete a recording.
Labels
The labels you register for your website.
Used for analyzing data later.
Mark a recording
You can always mark a recording to better visualize those that are of interest to you.
Helps you find them more easily.
Mass action
You can check multiple recordings and apply the same action for all.
2.2 Recording user input
oopcee records whatever the visitor writes in the existing inputs on your website.
Mention: Passwords and Emails are not recorded !
oopcee will only count the total number of characters from password and/or email inputs and it will display their corresponding values as "*".
2.3 Sharing recordings
If you want to share a specific recording you can go to that specific visit page and hit the 'Share link' button.
A box containing the URL will appear on your screen, copy it and you can start sharing.
2.4 Recording filters
Date range
Choose a start date and an end date to find specific recordings in that period of time.
Pages per visit
The total number of pages per recording.
Device
The device type from which the recording was made: Computer, Mobile, Tablet, Bot
IP
If you want to find a recording by IP you can type down the IP directly and find what you're looking for.
Star
If you want to find a specific visit you have marked you may find it by searching for all your marked visit or by looking for the visits which have notes.
Labels
Find recordings by labels you created for your websites in the 'Labels' section.
OS
Filter recordings by operating system.
Browser
Filter recordings by browser.
2.5 Managing recordings
Deleting a recording
If you consider some of your recordings are too old or not relevant at all, you can always clean up your list by deleting a single item or multiple items at the same time.
You can delete an item by clicking the 'Delete' button or by checking the boxes in the last column and hitting the 'Delete selected' button from the bottom of the page.
3. Tags
3.1 Overview
What is a Tag ?
A tag is basically a script that will load once a user visits your website.
Why use tags ?
Tagging your recordings is a very usefull feature when it comes to rapidly identifying any type of problems your visitors are facing.
When trying to view a specific video you can use the tag filter in order to find exactly what you're interested in.
3.2 Managing tags
Creating a tag
Log into your account, from your oopcee interface go to 'Tags'.
Press the 'Add tags' button.
At this step, you need to complete the fields as shown in the picture below.
Complete all fields from the 'Add tags' page, submit the form by pressing 'Add tag' button and your tag will be created.
Editing/Deleting tags
From the 'Tags' page click the 'Edit' button.
You can now change the 'website', the 'Tag name' or 'Tag code'.
When you finished editing your tag, press the purple button 'Edit' as shown in the picture above.
4. Labels
4.1 Overview
What is a Label ?
A label is a way of monitoring specific actions on your website.
4.2 Managing labels
Creating a label
From your labels list press the 'Add label' button.
Now, you need to complete the fields shown in the picture below.
Select a website from your account 'Website'.
Choose a 'Label name'.
Select the URL type which can be "begin with", "exact", "regular expression"
"begin with" - can be any URL that begins with a specific pattern.
"exact" - must be the exact URL.
"regular expression" - a regular expression (regex) of your choice.
Mark your labels with a 'Color' for identifying them more easily.
Press 'Submit' in order to create the label.
Editing labels
From 'Labels' you can see the actions colum on each existing label row.
From your labels list press the 'Edit' button which will take you to edit page.
Once on the edit page, change the values of the fields of your choice in order to get to the expected result and press 'Edit' to make the changes.
Deleting labels
From your labels list press the 'Delete' button.
A confirmation box will appear on your screen regarding the permanent deletion of your label, press 'Continue' or 'Cancel' to finalize the process.
5. Forms
5.1 Overview
What are forms supposed to do ?
Forms are supposed to allow you to track specific forms and inputs.
Why should I use forms ?
If you intend to precisely track a form ( Example: create-account form on your website ), you must create a form by going to 'Form analytics' and press the 'Add forms' button.
5.2 Managing Forms
View all your forms
Go to 'Form Analytics' section from your oopcee interface.
Creating a form
From 'Form Analytics' page hit the 'Add forms' button.
Choose a name for your form.
Select one of your websites you added in the 'Sites' section to specify where to choose the form from.
Choose the URL type and enter the URL pointing to the target forms.
Once you typed your URL, the 'Load forms' button becomes available.
Now you can load all the existing forms by pressing 'Load forms' and select which one to add for a better monitoring.
All existings forms from that URL will appear on your page.
Click 'Select' on a form to view all its inputs as shown below.
Editing a form
Go to 'Form Analytics' section from your oopcee interface and click 'Edit' on the form row you want to edit.
At this point you can only specify which forms should or souldn't be included into your existing form.
You can uncheck a field if you want to stop analyzing it.
5.3 Form reports
Go to 'Form Analytics' section from your oopcee interface and click 'View Reports' on the form that interests you most.
You will be able to see detailed list with all inputs and their stats from that specific form.
Name
The name of the analyzed input.
Session interactions
A percentage generated from the time the visitor has spent on your website and the number of time he interacted with that input.
Time on field
The time spent to complete the input.
Re-completed
How many times an input was re-completed in the same recording session.
Not completed
This column generates 'True' if the visitor had no interaction with the analyzed input and 'False' otherwise.
6. Heat Maps
6.1 Overview
What is a Heat Map ?
A Heat Map is an image of your website's visited page by a user, highlighting the areas where he was most active.
How is it helpful ?
Judging by the most active area generated in a Heat Map, you can improve/change your layout/design ( eg. adding 'call to action' components, making the design more user friendly ... ) in order for you to benefit from this information.
6.2 How Heat Maps Work
Whenever a visitor is navigating on your website, oopcee will copy the HTML of the page the visitor is currently on.
After getting the HTML, it will keep track of the visitor's actions ( the time and position when an action took place like mouse movement or click ).
New drawings will appear on the actual Heat Map displaying the area(s) where the visitor was most active.
6.3 Managing your heatmaps
Creating a heatmap
From your heatmaps list press the 'Add heatmap' button.
Now, you need to complete the fields shown in the picture below.
Select a the type of URL you desire from the dropdown menu. ( "begin with", "exact" )
Enter the URL of the page.
"begin with" - can be any URL that begins with a specific pattern.
"exact" - must be the exact URL.
Press 'Submit' in order to create the heatmap.
Editing your heatmaps
From 'Heatmaps' you can see the actions colum on each existing heatmaps row.
From your heatmaps list pressing the 'Edit' button will take you to the edit page.
Once on the edit page, change the values of the fields of your choice in order to get to the expected result and press 'Edit' to make the changes.
Deleting heatmaps
From your heatmaps list press the 'Delete' button.
A confirmation box will appear on your screen regarding the permanent deletion of your label, press 'Continue' or 'Cancel' to finalize the process.
6.4 Viewing your heatmaps
Go to 'Heatmaps' section from your oopcee interface and select the device type for the heatmap from the dropdown menu.
Afterwards press the 'View' button on the heatmap that interests you.
If there are heatmaps for your requested type you shall be redirected to the according heatmap.
Form there you may further customize your heatmap by adjusting the settings in the top of the page.
The Radius bar adjusts the size of the clicks.
The Blur bar adjusts the intesity of the clicks.
7. Conversions
7.1 Overview
What is a funnel ?
A funnel is a set of predefined steps and if they are all covered the conversion will happen.
oopcee funnels are ment to show the conversion rate of your visitors.
7.2 Reports
Go to 'Funnels' page.
Before you can see any report, you must add a date range and you will see the 'View funnel' button enabled.
After pressing the 'View funnel' you should see a report like the one below.
7.3 Managing
From the 'Funnels' page you can view a list with all your funnels.
Creating a funnel
Click the 'Add funnel' button.
Next thing you need to do is choosing a name for your funnel.
Now you need to define the steps of your funnel.You may add as many as you please granted you provide a name, a url type and a valid url address.
Editing a funnel
Click the 'Edit' button.
You can only edit the steps (adding new steps, modifying existing steps, deleting steps).
Mention: You cannot change the website and/or the name of a funnel !
You need to create a new funnel.
8. Account
8.1 Change account password
Go to 'My account' > 'Change password'.
You will need to provide the old password first then insert the new password and you're good to go.
Mention: You cannot log in on multiple devices with the same account simultaneously !
8.2 Change account name
Go to 'My account' > 'User information'.
From here you may change the name of the owner of the account.
8.3 Upgrading
From any page in oopcee you can press the Upgrade button in order to upgrade or downgrade your plan.
You will be prompted with a menu from where you can select the payment plan you wish to purchase along with the necessary fields for your credit card information.
8.4 Billing
Go to 'My account' > 'Billing'.
From here you can view a detailed list of your transactions, and get a receipt and invoice for them.
