Hotspot Creation for Tracking Desktop Views and Mobile Views

Use Hotspots to gain insight into how your user population is accessing the application. Are users accessing the application via mobile devices or desktop devices?

Steps

  1. Open Google Chrome
  2. Enter the OGL Console URL
  3. Sign in using your username and password
    sign on screen

  4. In a new tab, enter the Application URL and sign in to the application
  5. Go to the OGL console, then select the New Content button.
  6. Select Hotspot from the Guide Type dropdown
    new content menu

  7. Enter the Application URL in the Location URL field
  8. Enter Desktop Usage Hotspot in the Display Name in Widget. Replace XX with your initials.
  9. Enter "This Hotspot monitors the Desktop usage" or similar in the Description field
  10. Select Create Content.

    Note: The OGL editor will open in a new tab.
    editor launching

  11. Select any element on the page using right-click
    selecting an element

  12. Select the Step Settings step settings icon icon
  13. Select Advanced Settings
  14. Select the Target Selectortarget selector icon icon
  15. Select the Edit Selector edit icon icon
  16. Enter body in the selector field
    entering body

  17. Select the Check checkmark icon to save
  18. Verify that your element selector is body, listed below/next to the Target Selector target selector icon icon
  19. Select Activation Settings
  20. Verify that the Advance When setting is checked and User clicks element has been selected from the dropdown
  21. Select Save and Close to save your work and close the editor. Your item will be available in the console.
    item in console

  22. Select the Activation activation icon icon
  23. On the Guide Activation window, select Advanced Condition
  24. Set the condition to Display when Page has URL matching /HomePage
    conditions example

  25. Select the Autoload checkbox, then select Save Condition
  26. Select the More more icon icon, then select Clone
  27. Rename the cloned Hotspot by clicking the Edit Guide Name edit icon icon, then rename the Hotspot to Mobile Usage Hotspot
  28. Select the Save save icon icon to save the name changes
  29. Select the Settings settings icon icon for the Mobile Usage Hotspot
  30. Update the Description to "This Hotspot monitors the Mobile usage" or similar
  31. Select the Mobile setting checkbox, then select Save Settings
    saving settings

  32. Publish both Hotspots