Recherche avancée

Sur d’autres sites (10373)

• Unlocking the power of web analytics dashboards

  22 juillet, par Joe — Analytics Tips, App Analytics

  In the web analytics world, we have no shortage of data — clicks, views, scrolls, bounce rates — yet still struggle to extract valuable, actionable insights. There are facts and figures about any action anybody takes (or doesn’t take) when they visit your website, place an order or abandon their shopping cart. But all that data is often without context.

  That’s where dashboards come in : More than visual summaries, the right dashboards give context, reduce noise, and help us focus on what matters most — whether it’s boosting conversions, optimising campaigns, or monitoring data quality and compliance efforts.

  In this article, we’ll focus on :

  • The importance of data quality in web analytics dashboards
  • Different types of dashboards to use depending on your goals 
  • How to work with built-in dashboards in Matomo
  • How to customise them for your organisation’s needs

  Whether you’re building your first dashboard or refining a mature analytics strategy, this guide will help you get more out of your data.

  What is a web analytics dashboard ?

  A web analytics dashboard is an interactive interface that displays key website metrics and data visualisations in an easy-to-grasp format. It presents key data clearly and highlights potential problems, helping users quickly spot trends, patterns, and areas for improvement.

  Dashboards present data in charts, graphs and tables that are easier to understand and act upon. Users can usually drill down on individual elements for more detail, import other relevant data or adjust the time scale to get daily, weekly, monthly or seasonal views.

  Types of web analytics dashboards

  Web analytics dashboards may vary in the type of information they present and the website KPIs (key performance indicators) they track. However, sometimes the information can be the same or similar, but the context is what changes.

  Overview dashboard

  This offers a comprehensive overview of key metrics and KPIs. For example, it might show :

  • Traffic metrics, such as the total number of sessions, visits to the website, distinct users, total pages viewed and/or the average number of pages viewed per visit.
  • Engagement metrics, like average session duration, the bounce rate and/ or the exit rate by specific pages.
  • Audience metrics, including new vs. returning visitors, or visitor demographics such as age, gender or location. It might also show details of the specific device types used to access the website : desktop, mobile, or tablet.

  An overview dashboard might also include snapshots of some of the examples below.

  Acquisition dashboard

  This reveals how users arrive at a website. Although an overview dashboard can provide a snapshot of these metrics, a focused acquisition dashboard can break down website traffic even further. 

  They can reveal the percentages of traffic coming from organic search engines, social platforms, or users typing the URL directly. They can also show referrals from other websites and visitors clicking through from paid advertising sources. 

  An acquisition dashboard can also help measure campaign performance and reveal which marketing efforts are working and where to focus efforts for better results.

  Behavioural dashboard

  This dashboard shows how users interact with a website, including which pages get the most traffic and how long visitors stay before they leave. It also reveals which pages get the least traffic, highlighting where SEO optimisation or greater use of internal links may be needed.

  Behavioural dashboards can show a range of metrics, such as user engagement, navigation, page flow analysis, scroll depth, click patterns, form completion rates, event tracking, etc. 

  This behavioural data lets companies identify engaging vs. underperforming content, fix usability issues and optimise pages for better conversions. It may even show the data in heat maps, click maps or user path diagrams.

  Goals and ecommerce dashboard

  Dashboards of this type are mostly used by e-commerce websites. They’re useful because they track things like sales goal completions and revenue targets, as well as conversions, revenue, and user actions that deliver business results. 

  

  The typical metrics seen here are :

  • Goal tracking (aka conversions) in terms of completed user actions (form submissions, sign-ups, downloads, etc.) will provide funnel analysis and conversion rates. It’ll also give details about which traffic sources offer the most conversions.
  • Revenue tracking is provided via a combination of metrics. These include sales and revenue figures, average order value, top-selling items, revenue per product, and refund rates. It can also reveal how promotions, discounts and coupons affect total sales.
  • Shopping behaviour analysis tracks how users move from browsing to cart abandonment or purchase.

  These metrics help marketing teams measure campaign ROI. They also help identify high-value products and audiences and provide pointers for website refinement. For example, checkout flow optimisation might reduce abandonment.

  Technical performance dashboard

  This monitors a website’s technical health and performance metrics. It focuses on how a website’s infrastructure and backend health affect user experiences. It’ll track a lot of things, including :

  • Page load time
  • Server response time
  • DNS lookup time
  • Error rates
  • Mobile optimisation scores
  • Browser usage
  • Operating system distribution
  • Network performance
  • API response times
  • Core web vitals
  • Mobile usability issues

  This information helps organisations quickly fix issues that hurt SEO and conversions. It also helps to reduce errors that frustrate users, like checkout failures. Critically, it also helps to improve reliability and avoid downtime that can cost revenue.

  Geographic dashboard

  When an organisation wants to analyse user behaviour based on geographic location, this is the one to use. It reveals where website visitors are physically located and how their location influences their behaviour. Here’s what it tracks :

  • City, country/region 
  • Granular hotspots
  • Language preferences
  • Conversion rates by location
  • Bounce rates/engagement by location
  • Device type : Mobile vs. tablet vs desktop
  • Campaign performance by location
  • Paid ads effectiveness by location
  • Social media referrals by location
  • Load times by location

  Geographic dashboards allow companies to target marketing efforts at high-value regions. They also inform content localisation in terms of language, currency, or offers. And they help identify and address regional issues such as speed, payment methods, or cultural relevance.

  Custom segments dashboard

  This kind of dashboard allows specific subsets of an audience to be analysed based on specific criteria. For example, these subsets might include :

  • VIP customers
  • Mobile users
  • New vs. returning visitors
  • Logged-in users
  • Campaign responders
  • Product category enthusiasts. 

  What this dashboard reveals depends very much on what questions the user is trying to answer. It can provide actionable insight into why specific subsets of visitors or customers drop off at certain points. It allows specific metrics (bounce rate, conversions, etc.) to be compared across segments. 

  It can also track the performance of marketing campaigns across different audience segments, allowing marketing efforts to be tailored to serve high-potential segments. Its custom reports can also assist in problem-solving and testing hypotheses.

  

  Content performance dashboard

  This is useful for understanding how a website’s content engages users and drives business goals. Here’s what it tracks and why it matters :

  • Top-performing content
    • Most viewed pages
    • Highest time-on-page content
    • Most shared/linked content
  • Engagement metrics
    • Scroll depth (how far users read)
    • Video plays/podcast listens
    • PDF/downloads of gated content
  • Which content pieces lead to
    • Newsletter sign-ups
    • Demo requests
    • Product purchases
  • SEO health
    • Organic traffic per page
    • Keyword rankings for specific content
    • Pages with high exit rates
  • Content journey analysis
    • Entry pages that start user sessions
    • Common click paths through a site
    • Pages that often appear before conversions

  All this data helps improve website effectiveness. It lets organisations double down on what works, identify and replicate top-performing content and fix underperforming content. It can also identify content gaps, author performance and seasonal trends. The data then informs content strategy and optimisation efforts.

  The importance of data quality

  The fundamental reason we look at data is to make decisions that are informed by facts. So, it stands to reason that the quality of the underlying data is critical because it governs the quality of the information in the dashboard.

  And the data source for web analytics dashboards is often Google Analytics 4 (GA4), since it’s free and frequently installed by default on new websites. But this can be a problem because the free version of Google Analytics is limited and resorts to data sampling beyond a certain point. Let’s dig into that.

  Google Analytics 4 (GA4)

  It’s the default option for most organisations because it’s free, but GA4 has notable limitations that affect data accuracy and functionality. The big one is data sampling, which kicks in for large datasets (500,000+ events). This can skew reporting because the analysis is of subsets rather than complete data. 

  In addition, user privacy tools like ad blockers, tracking opt-outs, and disabled JavaScript can cause underreporting by 10-30%. GA4 also restricts data retention to 2-14 months and offers limited filtering and reduced control over data collection thresholds. Cross-domain tracking requires manual setup and lacks seamless integration. 

  One solution is to upgrade to Google Analytics 360 GA360, but it’s expensive. Pricing starts at $12,500/month (annual contract) plus $150,000 minimum yearly spend. The costs also scale with data volume, typically requiring $150,000−500,000 annually.

  

  Matomo’s built-in dashboards

  Matomo is a better solution for organisations needing unsampled data, longer data retention, and advanced attribution. It also provides functionality for enterprises to export their data and import it into Google BigQuery if that’s what they already use for analysis.

  Matomo Analytics takes a different approach to data quality. By focusing on privacy and data ownership, we ensure that businesses have full control over all of their data. Matomo also includes a range of built-in dashboards designed to meet the needs of different users. 

  The default options provide a starting point for tracking key metrics and gaining insight into their performance. They’re accessible by simply navigating to the reports section and selecting the relevant dashboard. These dashboards draw on raw data to provide more detailed and accurate analysis than is possible with GA4. And at a fraction of the price of GA360. 

  You can get Matomo completely free of charge as a self-hosted solution or via Matomo Cloud for a mere $29/month — vs. GA360’s $150k+/year. It also has other benefits :

  • 100% data ownership and no data sampling
  • Privacy compliance by design :
    • GDPR/CCPA-ready
    • No ad-blocker distortion
    • Cookieless tracking options
  • No data limits or retention caps
  • Advanced features without restriction :
    • Cross-domain tracking
    • Custom dimensions/metrics
    • Heatmaps/session recordings

  Customisation options

  Although Matomo’s default dashboards are powerful, the real value lies in the customisation options. These extensive and easy-to-use options empower users to tailor custom dashboards to their precise needs.

  Unlike GA4’s rigid layouts, Matomo offers drag-and-drop widgets to create, rearrange or resize reports effortlessly. You can :

  • Add 50+ pre-built widgets (e.g., traffic trends, conversion funnels, goal tracking) or create custom SQL/PHP widgets for unique metrics.
  • Segment data dynamically with filters (by country, device, campaign) and compare date ranges side-by-side.
  • Create white-label dashboards for client reporting, with custom logos, colours and CSS overrides.
  • Schedule automated PDF/email reports with personalised insights.
  • Build role-based dashboards (e.g., marketing vs. executive views) and restrict access to sensitive data.

  For developers, Matomo’s open API enables deep integrations (CRM, ERP, etc.) and custom visualisations via JavaScript. Self-hosted users can even modify the core user interface.

  Matomo : A fully adaptable analytics hub

  Web analytics dashboards can be powerful tools for visualising data, generating actionable insights and making better business decisions. But that’s only true as long as the underlying data is unrestricted and the analytics platform delivers high-quality data for analysis. 

  Matomo’s commitment to data quality and privacy sets it apart as a reliable source of accurate data to inform accurate and detailed insights. And the range of reporting options will meet just about any business need, often without any customisation.

  To see Matomo in action, watch this two-minute video. Then, when you’re ready to build your own, download Matomo On-Premise for free or start your 21-day free trial of Matomo Cloud — no credit card required.

• Developing MobyCAIRO

  26 mai 2021, par Multimedia Mike — General

  I recently published a tool called MobyCAIRO. The ‘CAIRO’ part stands for Computer-Assisted Image ROtation, while the ‘Moby’ prefix refers to its role in helping process artifact image scans to submit to the MobyGames database. The tool is meant to provide an accelerated workflow for rotating and cropping image scans. It works on both Windows and Linux. Hopefully, it can solve similar workflow problems for other people.

  As of this writing, MobyCAIRO has not been tested on Mac OS X yet– I expect some issues there that should be easily solvable if someone cares to test it.

  The rest of this post describes my motivations and how I arrived at the solution.

  Background
  I have scanned well in excess of 2100 images for MobyGames and other purposes in the past 16 years or so. The workflow looks like this :

  
  

  

  Image workflow

  
  

  It should be noted that my original workflow featured me manually rotating the artifact on the scanner bed in order to ensure straightness, because I guess I thought that rotate functions in image editing programs constituted dark, unholy magic or something. So my workflow used to be even more arduous :

  
  

  

  I can’t believe I had the patience to do this for hundreds of scans

  
  

  Sometime last year, I was sitting down to perform some more scanning and found myself dreading the oncoming tedium of straightening and cropping the images. This prompted a pivotal question :

  
  Why can’t a computer do this for me ?
  

  After all, I have always been a huge proponent of making computers handle the most tedious, repetitive, mind-numbing, and error-prone tasks. So I did some web searching to find if there were any solutions that dealt with this. I also consulted with some like-minded folks who have to cope with the same tedious workflow.

  I came up empty-handed. So I endeavored to develop my own solution.

  Problem Statement and Prior Work
  
  I want to develop a workflow that can automatically rotate an image so that it is straight, and also find the most likely crop rectangle, uniformly whitening the area outside of the crop area (in the case of circles).

  As mentioned, I checked to see if any other programs can handle this, starting with my usual workhorse, Photoshop Elements. But I can’t expect the trimmed down version to do everything. I tried to find out if its big brother could handle the task, but couldn’t find a definitive answer on that. Nor could I find any other tools that seem to take an interest in optimizing this particular workflow.

  When I brought this up to some peers, I received some suggestions, including an idea that the venerable GIMP had a feature like this, but I could not find any evidence. Further, I would get responses of “Program XYZ can do image rotation and cropping.” I had to tamp down on the snark to avoid saying “Wow ! An image editor that can perform rotation AND cropping ? What a game-changer !” Rotation and cropping features are table stakes for any halfway competent image editor for the last 25 or so years at least. I am hoping to find or create a program which can lend a bit of programmatic assistance to the task.

  Why can’t other programs handle this ? The answer seems fairly obvious : Image editing tools are general tools and I want a highly customized workflow. It’s not reasonable to expect a turnkey solution to do this.

  Brainstorming An Approach
  I started with the happiest of happy cases— A disc that needed archiving (a marketing/press assets CD-ROM from a video game company, contents described here) which appeared to have some pretty clear straight lines :

  
  
  

  My idea was to try to find straight lines in the image and then rotate the image so that the image is parallel to the horizontal based on the longest single straight line detected.

  I just needed to figure out how to find a straight line inside of an image. Fortunately, I quickly learned that this is very much a solved problem thanks to something called the Hough transform. As a bonus, I read that this is also the tool I would want to use for finding circles, when I got to that part. The nice thing about knowing the formal algorithm to use is being able to find efficient, optimized libraries which already implement it.

  Early Prototype
  A little searching for how to perform a Hough transform in Python led me first to scikit. I was able to rapidly produce a prototype that did some basic image processing. However, running the Hough transform directly on the image and rotating according to the longest line segment discovered turned out not to yield expected results.

  
  
  

  It also took a very long time to chew on the 3300×3300 raw image– certainly longer than I care to wait for an accelerated workflow concept. The key, however, is that you are apparently not supposed to run the Hough transform on a raw image– you need to compute the edges first, and then attempt to determine which edges are ‘straight’. The recommended algorithm for this step is the Canny edge detector. After applying this, I get the expected rotation :

  
  
  

  The algorithm also completes in a few seconds. So this is a good early result and I was feeling pretty confident. But, again– happiest of happy cases. I should also mention at this point that I had originally envisioned a tool that I would simply run against a scanned image and it would automatically/magically make the image straight, followed by a perfect crop.

  Along came my MobyGames comrade Foxhack to disabuse me of the hope of ever developing a fully automated tool. Just try and find a usefully long straight line in this :

  
  

  Darn it, Foxhack…
  

  There are straight edges, to be sure. But my initial brainstorm of rotating according to the longest straight edge looks infeasible. Further, it’s at this point that we start brainstorming that perhaps we could match on ratings badges such as the standard ESRB badges omnipresent on U.S. video games. This gets into feature detection and complicates things.

  This Needs To Be Interactive
  At this point in the effort, I came to terms with the fact that the solution will need to have some element of interactivity. I will also need to get out of my safe Linux haven and figure out how to develop this on a Windows desktop, something I am not experienced with.

  I initially dreamed up an impressive beast of a program written in C++ that leverages Windows desktop GUI frameworks, OpenGL for display and real-time rotation, GPU acceleration for image analysis and processing tricks, and some novel input concepts. I thought GPU acceleration would be crucial since I have a fairly good GPU on my main Windows desktop and I hear that these things are pretty good at image processing.

  I created a list of prototyping tasks on a Trello board and made a decent amount of headway on prototyping all the various pieces that I would need to tie together in order to make this a reality. But it was ultimately slowgoing when you can only grab an hour or 2 here and there to try to get anything done.

  Settling On A Solution
  Recently, I was determined to get a set of old shareware discs archived. I ripped the data a year ago but I was blocked on the scanning task because I knew that would also involve tedious straightening and cropping. So I finally got all the scans done, which was reasonably quick. But I was determined to not manually post-process them.

  This was fairly recent, but I can’t quite recall how I managed to come across the OpenCV library and its Python bindings. OpenCV is an amazing library that provides a significant toolbox for performing image processing tasks. Not only that, it provides “just enough” UI primitives to be able to quickly create a basic GUI for your program, including image display via multiple windows, buttons, and keyboard/mouse input. Furthermore, OpenCV seems to be plenty fast enough to do everything I need in real time, just with (accelerated where appropriate) CPU processing.

  So I went to work porting the ideas from the simple standalone Python/scikit tool. I thought of a refinement to the straight line detector– instead of just finding the longest straight edge, it creates a histogram of 360 rotation angles, and builds a list of lines corresponding to each angle. Then it sorts the angles by cumulative line length and allows the user to iterate through this list, which will hopefully provide the most likely straightened angle up front. Further, the tool allows making fine adjustments by 1/10 of an angle via the keyboard, not the mouse. It does all this while highlighting in red the straight line segments that are parallel to the horizontal axis, per the current candidate angle.

  
  
  

  The tool draws a light-colored grid over the frame to aid the user in visually verifying the straightness of the image. Further, the program has a mode that allows the user to see the algorithm’s detected edges :

  
  
  

  For the cropping phase, the program uses the Hough circle transform in a similar manner, finding the most likely circles (if the image to be processed is supposed to be a circle) and allowing the user to cycle among them while making precise adjustments via the keyboard, again, rather than the mouse.

  
  
  

  Running the Hough circle transform is a significantly more intensive operation than the line transform. When I ran it on a full 3300×3300 image, it ran for a long time. I didn’t let it run longer than a minute before forcibly ending the program. Is this approach unworkable ? Not quite– It turns out that the transform is just as effective when shrinking the image to 400×400, and completes in under 2 seconds on my Core i5 CPU.

  For rectangular cropping, I just settled on using OpenCV’s built-in region-of-interest (ROI) facility. I tried to intelligently find the best candidate rectangle and allow fine adjustments via the keyboard, but I wasn’t having much success, so I took a path of lesser resistance.

  Packaging and Residual Weirdness
  I realized that this tool would be more useful to a broader Windows-using base of digital preservationists if they didn’t have to install Python, establish a virtual environment, and install the prerequisite dependencies. Thus, I made the effort to figure out how to wrap the entire thing up into a monolithic Windows EXE binary. It is available from the project’s Github release page (another thing I figured out for the sake of this project !).

  The binary is pretty heavy, weighing in at a bit over 50 megabytes. You might advise using compression– it IS compressed ! Before I figured out the --onefile command for pyinstaller.exe, the generated dist/ subdirectory was 150 MB. Among other things, there’s a 30 MB FORTRAN BLAS library packaged in !

  Conclusion and Future Directions
  Once I got it all working with a simple tkinter UI up front in order to select between circle and rectangle crop modes, I unleashed the tool on 60 or so scans in bulk, using the Windows forfiles command (another learning experience). I didn’t put a clock on the effort, but it felt faster. Of course, I was livid with proudness the whole time because I was using my own tool. I just wish I had thought of it sooner. But, really, with 2100+ scans under my belt, I’m just getting started– I literally have thousands more artifacts to scan for preservation.

  The tool isn’t perfect, of course. Just tonight, I threw another scan at MobyCAIRO. Just go ahead and try to find straight lines in this specimen :

  
  
  

  I eventually had to use the text left and right of center to line up against the grid with the manual keyboard adjustments. Still, I’m impressed by how these computer vision algorithms can see patterns I can’t, highlighting lines I never would have guessed at.

  I’m eager to play with OpenCV some more, particularly the video processing functions, perhaps even some GPU-accelerated versions.

  The post Developing MobyCAIRO first appeared on Breaking Eggs And Making Omelettes.