Analytics Data

Developer
Chris Steurer
Size
5,746 Kb
Views
12,144
  1. Analytics Data Previews
  2. Analytics Data HTML Codes
  3. Analytics Data CSS Codes

How do I make an analytics data?

Sample layout for analytics data for a sample eccommerce store using sales data, adwords data, and google analytics data.. What is a analytics data? How do you make a analytics data? This script and codes were developed by Chris Steurer on 08 December 2022, Thursday.

Analytics Data Previews
IQ Test

Analytics Data - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Analytics Data</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header> <h1>User Data</h1> <div class="dataDisclaimer">This data only takes into account 49.69% of all analytics data.<br /> This means that the data is not entirely accurate but instead it serves to paint a general picture of your users.</div>
</header>
<div class="userStatsContainer"> <!-- -------------------------- Men -------------------------------------------- --> <div id="men" class="userStatsColumn"> <h2>Men</h2> <div class="trafficPercentage">Percent Of Traffic <span>55%</span> </div> <div class="demographics"> <h3>Demographics</h3> <div> <ul class="userAgeRanges"> <label>User Age Ranges</label> <li class="ageRange">18-24: <span class="data">30</span></li> <li class="ageRange">25-34: <span class="data">108</span></li> <li class="ageRange">35-44: <span class="data">134</span></li> <li class="ageRange">45-54: <span class="data">136</span></li> <li class="ageRange">55-64: <span class="data">117</span></li> <li class="ageRange">65+: <span class="data">127</span></li> <div class="clear"></div> </ul> </div> <div> <ul class="locations"> <label>Locations:</label> <li>California <span class="data">128</span></li> <li>New York <span class="data">72</span></li> <li>Florida <span class="data">53</span></li> <li>Texas <span class="data">37</span></li> <li>Ohio <span class="data">33</span></li> <div class="clear"></div> </ul> </div> </div> <ul class="interests"> <h3>Interest Categories</h3> <li>Technophiles</li> <li>TV Lovers</li> <li>Movie Lovers</li> <li>Home Decor Enthusiasts</li> <li>Travel Buffs</li> <li>News Junkies & Avid Readers</li> <li>News Junkies & Avid Readers/Entertainment & Celebrity News Junkies</li> <li>Shoppers/Shopaholics</li> <li>Political Junkies</li> <li>Cooking Enthusiasts</li> </ul> <div class="siteUsage"> <h3>Behavior</h3> <div class="totalSessions">Total Sessions: <span class="data">629</span> </div> <div class="avgPagesPerSession">Average Pages Per Session: <span class="data">3.11</span> </div> <div class="avgSessionDuration">Average Session Duration: <span class="data">01:43</span> </div> <div class="bounceRate">Bounce Rate: <span class="data">56.28%</span> </div> <div class="goalCompletions">Goal Completions: <span class="data">211</span> </div> <div class="goalConversionRate">Goal Conversion Rate: <span class="data">33.55%</span> </div> <ul class="trafficSources"> <label>Traffic Sources:</label> <li>PPC: <span class="data">456</span> </li> <li>Organic: <span class="data">405</span> </li> <li>Direct: <span class="data">0</span> </li> <li>Referral: <span class="data">47</span> </li> <li>Email: <span class="data">0</span> </li> <li>Other: <span class="data">44</span> </li> <div class="clear"></div> </ul> <ul class="keywords"> <label class="clear">Keywords:</label> <li>* <span class="data">191</span></li> <li>break room furniture <span class="data">30</span></li> <li>+break +room+furniture <span class="data">20</span></li> <li>office chairs <span class="data">17</span></li> <li>training tables <span class="data">14</span></li> <li>wood table top <span class="data">14</span></li> <li>stacking chairs <span class="data">12</span></li> <li>desk drawer <span class="data">10</span></li> <li>No Data</li> <div class="clear"></div> </ul> <ul class="landingPages"> <label class="clear">Landing Pages:</label> <li>/break-room/ <span class="data">58</span></li> <li>/ <span class="data">36</span></li> <li>/bundle-blowout-sale/ <span class="data">25</span></li> <li>/table-tops/ <span class="data">24</span></li> <li>/computer-training-tables/ <span class="data">23</span></li> <li>/60-x-24-standard-rectangular-table-top/ <span class="data">14</span></li> <li>/center-drawer/ <span class="data">14</span></li> <li>/table-legs/ <span class="data">13</span></li> <li>/break-room-furniture/ <span class="data">12</span></li> <li>/ergonomic-chairs/ <span class="data">12</span></li> <div class="clear"></div> </ul> <ul class="categories"> <label class="clear">Favorite Categories:</label> <li>No Data</li> <li>No Data</li> <li>No Data</li> <li>No Data</li> <li>No Data</li> <div class="clear"></div> </ul> </div> <div class="shoppingHabits"> <h3>Shopping Habits</h3> <div class="totalCustomerSpend">Total Spend: <span class="data">$4,082.87</span> </div> <div class="totalCustomerOrders">Total Orders: <span class="data">8</span> </div> <div class="totalCustomerQuantity">Total Quantity: <span class="data">16</span> </div> <div class="avgCustomerSpend">Avg. Sale Value: <span class="data">$510.36</span> </div> <div class="avgCustomerQuantity">Avg. Sale Quantity: <span class="data">2.00</span> </div> <div class="salesPageViews">Viewed Sales Page: <span class="data">5.83%</span> </div> <div class="cartPageViews">Viewed Cart Page: <span class="data">No Data</span> </div> <div class="saleConversions">Made A Purchase: <span class="data">No Data</span> </div> </div> <div class="userTechnology"> <h3>Technology</h3> <ul class="preferredBrowser"> <label>Preferred Browser:</label> <li>Chrome: <span class="data">189</span></li> <li>Internet Explorer: <span class="data">154</span></li> <li>FireFox: <span class="data">89</span></li> <li>Safari: <span class="data">No Data</span></li> <li>Android Browser: <span class="data">14</span></li> <div class="clear"></div> </ul> <ul class="deviceType"> <label>Preferred Device Type:</label> <li>Desktop: <span class="data">557</span></li> <li>Tablet: <span class="data">0</span></li> <li>Mobile: <span class="data">63</span></li> <div class="clear"></div> </ul> </div> <ul class="insight"> <h3>Insights</h3> <li>Men browse an average of 15 seconds more</li> <li>Men are more likely to return to the site more than 5 times</li> <li>Men use mobile more than women and are actively engaged on mobile unlike their female counterparts</li> <li>Men browse throughout all hours of the day and night</li> <li>Men are mosty likely to browse our site on Friday, Saturday, or Sunday</li> </ul> </div> <!-- -------------------------- Women -------------------------------------------- --> <div id="women" class="userStatsColumn"> <h2>Women</h2> <div class="trafficPercentage">Percent Of Traffic <span>45%</span> </div> <div class="demographics"> <h3>Demographics</h3> <div> <ul class="userAgeRanges"> <label>User Age Ranges</label> <li class="ageRange">18-24: <span class="data">34</span></li> <li class="ageRange">25-34: <span class="data">100</span></li> <li class="ageRange">35-44: <span class="data">89</span></li> <li class="ageRange">45-54: <span class="data">118</span></li> <li class="ageRange">55-64: <span class="data">135</span></li> <li class="ageRange">65+: <span class="data">53</span></li> <div class="clear"></div> </ul> </div> <div> <ul class="locations"> <label>Locations:</label> <li>California <span class="data">70</span></li> <li>Texas <span class="data">55</span></li> <li>Ohio <span class="data">53</span></li> <li>Georgia <span class="data">38</span></li> <li>New York <span class="data">40</span></li> <div class="clear"></div> </ul> </div> </div> <ul class="interests"> <h3>Interest Categories</h3> <li>Home Decor Enthusiasts</li> <li>Technofiles</li> <li>Movie Lovers</li> <li>Shoppers/Shopaholics</li> <li>TV Lovers</li> <li>Cooking Enthusiasts/Aspiring Chefs</li> <li>News Junkies & Avid Readers</li> <li>News Junkies & Avid Readers/Entertainment & Celebrity News Junkies</li> <li>Travel Buffs</li> <li>Music Lovers</li> </ul> <div class="siteUsage"> <h3>Behavior</h3> <div class="totalSessions">Total Sessions: <span class="data">522</span> </div> <div class="avgPagesPerSession">Average Pages Per Session: <span class="data">3.44</span> </div> <div class="avgSessionDuration">Average Session Duration: <span class="data">01:34</span> </div> <div class="bounceRate">Bounce Rate: <span class="data">58.24%</span> </div> <div class="goalCompletions">Goal Completions: <span class="data">191</span> </div> <div class="goalConversionRate">Goal Conversion Rate: <span class="data">36.59%</span> </div> <ul class="trafficSources"> <label>Traffic Sources:</label> <li>PPC: <span class="data">405</span> </li> <li>Organic: <span class="data">56</span> </li> <li>Direct: <span class="data">No Data</span> </li> <li>Referral: <span class="data">21</span> </li> <li>Email: <span class="data">No Data</span> </li> <li>Other: <span class="data">35</span> </li> <div class="clear"></div> </ul> <ul class="keywords"> <label class="clear">Keywords:</label> <li>* <span class="data">141</span></li> <li>break room furniture <span class="data">40</span></li> <li>tables with chairs <span class="data">24</span></li> <li>office chairs <span class="data">16</span></li> <li>table & chairs <span class="data">16</span></li> <li>training tables <span class="data">14</span></li> <li>+break +room +tables <span class="data">12</span></li> <li>+break +room+furniture <span class="data">12</span></li> <li>table with chairs <span class="data">11</span></li> <div class="clear"></div> </ul> <ul class="landingPages"> <label class="clear">Landing Pages:</label> <li>/break-room/ <span class="data">78</span></li> <li>/ <span class="data">28</span></li> <li>/bundle-blowout-sale/ <span class="data">28</span></li> <li>/table-tops/ <span class="data">24</span></li> <li>/break-room-furniture/ <span class="data">18</span></li> <li>/ergonomic-chairs/ <span class="data">15</span></li> <li>/computer-training-tables/ <span class="data">13</span></li> <li>/table-legs/ <span class="data">11</span></li> <li>No Data</li> <li>No Data</li> <div class="clear"></div> </ul> <ul class="categories"> <label class="clear">Favorite Categories:</label> <li>No Data</li> <li>No Data</li> <li>No Data</li> <li>No Data</li> <li>No Data</li> <div class="clear"></div> </ul> </div> <div class="shoppingHabits"> <h3>Shopping Habits</h3> <div class="totalCustomerSpend">Total Spend: <span class="data">$9,137.69</span> </div> <div class="totalCustomerOrders">Total Orders: <span class="data">15</span> </div> <div class="totalCustomerQuantity">Total Quantity: <span class="data">35</span> </div> <div class="avgCustomerSpend">Avg. Sale Value: <span class="data">$609.18</span> </div> <div class="avgCustomerQuantity">Avg. Sale Quantity: <span class="data">2.33</span> </div> <div class="salesPageViews">Viewed Sales Page: <span class="data">8.66%</span> </div> <div class="cartPageViews">Viewed Cart Page: <span class="data">No Data</span> </div> <div class="saleConversions">Made A Purchase: <span class="data">No Data</span> </div> </div> <div class="userTechnology"> <h3>Technology</h3> <ul class="preferredBrowser"> <label>Preferred Browser:</label> <li>Chrome: <span class="data">157</span></li> <li>Internet Explorer: <span class="data">159</span></li> <li>FireFox: <span class="data">84</span></li> <li>Safari: <span class="data">No Data</span></li> <li>Android Browser: <span class="data">23</span></li> <div class="clear"></div> </ul> <ul class="deviceType"> <label>Preferred Device Type:</label> <li>Desktop: <span class="data">469</span></li> <li>Tablet: <span class="data">13</span></li> <li>Mobile: <span class="data">40</span></li> <div class="clear"></div> </ul> </div> <ul class="insight"> <h3>Insights</h3> <li>Women tend to trust referral sites more than advertising or other sources and their engagement from these sources is significantly higher than from advertising.</li> <li>Women tend to view more pages than men, but they stay for a shorter duration.</li> <li>Women typically only browse from 8am - 5pm</li> <li>Women are more slightly more likely to click our ads than men</li> <li>Women tend to browse more on Mondays and Thursdays</li> </ul> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Analytics Data - Script Codes CSS Codes

/* Global Resets */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans|Yanone+Kaffeesatz:700,400);
body,
ul,
li { margin: 0; padding: 0;
}
/* Typography */
body { font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Yanone Kaffeesatz', sans-serif;
}
h1 { text-align: center; color: #efefef; margin-bottom: 10px;
}
.dataDisclaimer { text-align: center; color: #dbdbdb; font-size: 12px; margin-bottom: 2em;
}
.userStatsColumn h2,
.userStatsColumn h3 { text-align: center; border-bottom: solid 2px #dbdbdb; padding-bottom: 4px;
}
.userStatsColumn h2 { font-size: 48px; color: #333;
}
.userStatsColumn h3 { font-size: 36px; color: #555; letter-spacing: 1px;
}
.userStatsColumn div.trafficPercentage { text-align: center; font-size: 14px;
}
.userStatsColumn div.trafficPercentage span { font-size: 56px; color: #9DBCEB; display: block;
}
/* Layout */
html { background-color: #444;
}
header { min-width: 300px;
}
div.userStatsContainer { width: 100%; display: block; margin: 0 auto; max-width: 960px;
}
.userStatsColumn { width: 45.4%; min-width: 300px; float: left; background: #efefef; border: solid 2px #dbdbdb; padding: 3% 2%; display: block; margin: 0 auto;
}
.data { float: right; color: #333;
}
.clear { clear: both; display: block; border: solid 0px !important;
}
ul.locations li,
ul.keywords li,
ul.landingPages li,
ul.categories li,
ul.trafficSources li,
ul.userAgeRanges li,
ul.preferredBrowser li,
ul.deviceType li { clear: right; list-style: none; border-bottom: solid 1px #dbdbdb; padding: 5px; margin-left: 30px;
}
ul.locations li:first-child,
ul.keywords li:first-child,
ul.landingPages li:first-child,
ul.categories li:first-child,
ul.userAgeRanges li:first-child,
ul.preferredBrowser li:first-child,
ul.deviceType li:first-child { border-top: solid 1px #dbdbdb; margin-top: 10px;
}
.demographics div,
.shoppingHabits div,
.siteUsage div,
.siteUsage ul,
ul.insight li,
ul.interests li,
.userTechnology ul,
.userTechnology div { margin: 10px 0; padding-bottom: 5px; border-bottom: solid 1px #dbdbdb; color: #666; list-style: none;
}
/* Responsive Layout Adjustments */
@media screen and (max-width: 699px) { .userStatsColumn { width: 95%; float: none; margin: 0 auto 50px; }
}
Analytics Data - Script Codes
Analytics Data - Script Codes
Home Page Home
Developer Chris Steurer
Username stoypenny
Uploaded December 08, 2022
Rating 3
Size 5,746 Kb
Views 12,144
Do you need developer help for Analytics Data?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Chris Steurer (stoypenny) Script Codes
Name
Simple jQuery Text Spoiler Reveal
Delayed Modal Popup
CSS3 Image Filters Template
Simple Table Search
Realistic Buttons
Responsive Menu
Remove Empty WooCommerce Filters
Arrow Button Hover Effect
A Pen by Chris Steurer
WooCommerce Price Updater
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!