How to Use the Web Element Click Report

This dashboard provides an in-depth analysis of user engagement with various web elements on your site, categorized by element type. It offers valuable insights into how users interact with different buttons, links, and other web elements, helping you evaluate the effectiveness of your website’s content and design. By understanding the performance of these elements, you can make data-driven decisions to improve the user experience, ensuring visitors can easily access the content, links, and information they need. 

Navigating the Report

Scorecards

At the top of the dashboard, green scorecards showcase key engagement metrics. These include:

  • Total Button + Link Clicks
  • Total Jump Link Clicks
  • Total Button Clicks
  • Total "No Link" Web Element Clicks
  • Total Hero Image Clicks

These metrics provide a quick snapshot of how users are interacting with different types of web elements. Each scorecard also displays the percentage change compared to the previous reporting period, allowing you to monitor trends and track changes over time. For detailed definitions of each metric, refer to the vocabulary section. 

Graphs and Charts

Pie Chart: Located at the bottom right of the dashboard, this chart visualizes the distribution of clicks by web element type. It provides a clear representation of which elements attract the most user interactions, helping you identify user preferences and areas for improvement. 

Table

Table: Found in the bottom left corner, this table offers a detailed view of link clicks from the web elements offered categorized by type including: 

  • Jump-link
  • Button
  • Tile
  • Card-links
  • Icon
  • Hero
  • Collapsible headings
  • Body
  • Faq
  • Promo box
  • Topic preview
  • Event-feed
  • Image-overlay
  • Featured media
  • Image tiles
  • News-row
  • Anchored spotlights
  • Fast-facts
  • Social-icons
  • Alert

This table allows you to see which web elements receive the most engagement, providing insights into their effectiveness and usability. Additionally, at the top-right corner of the table, you’ll find three dots—clicking on them gives you the option to Export the table data as a CSV file for further analysis. You can also sort each column by clicking on its header to reorder the data in ascending or descending order based on the selected metric. 

Using Filters

The filters at the top of the dashboard are consistent with those on the Session Data page, ensuring a seamless user experience across reports. These filters include options for:

  • Date Range: Adjust to view data from specific time periods.
  • Page Path: Filter by individual pages to analyze performance on specific sections of your site.
  • Page Path Groupings: Group related pages to see broader trends.
  • Web Element Type: 
    • Jump-link
    • Button
    • Tile
    • Card-links
    • Icon
    • Hero
    • Collapsible headings
    • Body
    • Faq
    • Promo box
    • Topic preview
    • Event-feed
    • Image-overlay
    • Featured media
    • Image tiles
    • News-row
    • Anchored spotlights
    • Fast-facts
    • Social-icons
    • Alert

Adjusting these filters helps you narrow down the data to specific segments, enabling a more targeted analysis of trends and user behavior. 

The Web Element Click Data Report is an invaluable tool for understanding how users interact with the various elements on your website. With the insights gained from this report, you can optimize the placement and functionality of links, buttons, and other interactive features to enhance user experience. This data allows you to make informed decisions about your site’s layout, helping to improve navigation, increase engagement, and ensure that visitors can quickly find the information or resources they’re looking for. Ultimately, applying these insights will benefit your college or unit by boosting the effectiveness of your site’s design and user interface. 

  • Start Exploring Your Looker Studio Dashboard

    To dive into your Looker Studio dashboard, explore real-time insights that reveal how your content is performing. Analyze key metrics like web traffic, engagement, and conversions, empowering you to make data-driven decisions that enhance your digital strategy.

    View Your Looker Studio Dashboard

Examples of How Data Can Be Actionable

Improving Web Element Placement
  • Insight: If the data shows a high number of clicks on certain web elements, such as buttons or links, but these elements are positioned in less prominent locations, it indicates a need for better placement.
  • Action: Reposition high-engagement web elements, such as call-to-action buttons or other elements. By making these elements easier to find, you can improve engagement and drive users towards critical actions, like form submissions or important content. 

Tracking the Impact of Design Changes
  • Insight: By comparing click data on web elements before and after a website redesign or update, you can measure the impact of those changes on user engagement.
  • Action: Use this data to assess whether your design changes—such as new hero images, updated navigation, or reorganized buttons—have improved user interactions. If engagement has dropped, further refine the design to make it more intuitive and appealing. 

Identifying High-Performing Web Elements
  • Insight: If data shows that certain web elements, such as hero images or featured media, receive significantly more clicks than other elements, it suggests that these elements are highly effective at engaging users.
  • Action: Leverage high-performing elements to drive key actions by featuring them more prominently across the site. For instance, if hero images perform well, consider rotating them more frequently with fresh content or calls-to-action to maintain engagement. 

Understanding User Preferences for Web Elements
  • Insight: Analyzing pie charts and tables can reveal which types of web elements, such as buttons or image overlays, are most popular with users.
  • Action: Tailor your site design to match these preferences. For example, if users frequently engage with "fast facts" sections or icon links, you can create more of these elements or position them more strategically throughout the site to increase overall engagement. 

Resource Allocation Based on Element Engagement
  • Insight: Identifying which web elements are frequently interacted with allows for more strategic allocation of design and development resources.
  • Action: If collapsible headings or FAQ sections are frequently clicked, ensure that these elements are well-maintained, up-to-date, and easy to use. Conversely, if certain elements like promo boxes or event feeds have low engagement, you can rethink their placement or content to improve relevance. 

Improving Engagement with Specific Web Elements
  • Insight: Data might show that certain web elements, like social media icons or specific button styles, have low engagement despite being prominently placed.
  • Action: Test different design approaches, messages, or calls-to-action to boost interaction with these elements. For example, if image tiles are underperforming, try experimenting with different visuals, adjusting the layout, or adding more compelling content to encourage clicks. 

  • You Still Need Help?

    You're not alone in this! Schedule a personalized 1:1 consultation with UCM to get your specific questions answered and gain expert guidance. We'll help you and your team unlock the full potential of your data, making it easier to drive actionable improvements for your webpages and achieve meaningful results. Click the project request form below and navigate to Web < Web Analytics/Dashboard Support Request. 

    Schedule Consultation