Web

Designing and launching a microsurvey for websites and web applications

There are many ways that Sprig can help you to conduct user research via your websites and web applications. To get started, we’re going to outline the two easiest ways which are either through our Web - JavaScript code snippet or integration with Google Tag Manager. A base implementation takes as little as 30 mins.

1. Deploy SDK

A Sprig integration tracks customer interactions on your web and application pages. These interactions are referred to as events in Sprig. We’ve provided a list of considerations to decide which installation option is right for you:

Considerations

Web SDK

Google Tag Manager

Availability

Web SDK Environment IDs are available from the Sprig Account.

Likely already installed on your website.
Easy to add Sprig to your GTM container.
Environment IDs are available from the Sprig Account.

Skillset, Access and Permissions

Knowledge, permission, access of your codebase and repository.

Novice to basic Google Tag Manager knowledge.

Time to Complete

30 minutes.

30 minutes.

Website or Web App Surface

Easy to install on either.

Often already installed on your marketing site and possibly part of your application if the application is hybrid.

The following section contains the most basic steps for installing Sprig’s SDK via Javascript or the Google Tag Manager integration. A more detailed description of installation and configuration options can be located in the installation guide for Web - JavaScript code snippet or Google Tag Manager

  1. Add a team member
    1. Identify a colleague who has access to your code base and code repositories
    2. In the Navigation Pane, click Settings.
    3. Click Team
    4. Click Add Member
    5. Enter their first and last name, plus email address and assign them the developer role
    6. Click Save
  2. Request that the JavaScript snippet be installed or that Google Tag Manager add Sprig/UserLeap to its deployment.
    1. In the Navigation Pane, click Connect.
    2. Click JavaScript or Google Tag Manager so you can provide the information to your colleague.
    3. Using the sample copy below, email or message your colleague asking them to install the snippet on your website or web application.
Hi there - 

Can you find 30 minutes to accept the Sprig invite that I 
sent you and install the [JavaScript snippet or Google Tag Manager]? 

The invite was sent via your email address from Sprig. 

Once you’ve accepted the invite, the snippet is described here in this link under 
https://app.sprig.com/connect 
on the card at the top. 

Make note that you'll need the Environment IDs contained there. 

If you need any help, you can contact the Sprig Product Support team
https://docs.sprig.com/docs/support 

Thank you, 

[Your Name]

If you need any help with either of the deployments, please reach out or book time with our Product Support and Customer Success teams. We’re happy to lend you a hand getting started!

2. Add Event

Your website or web application's pages, buttons, interactions on the UI, and style sheet definitions translate to events in Sprig that can be tracked and recognized by Sprig in order to conduct In Product research.

To get started, once you’re clear on what you would like to research you’ll need to spend time in your website or web application to determine which page or what button you’d like your microsurvey to trigger on in order to collect user insights.

  1. Choose a page or a button on your website or web application.
  2. Keep that page open as you navigate to the next step; you're going to need to copy information from this page into the Sprig application.
  3. Open the Sprig application.
  4. In the Navigation Pane, click Events.
  5. Click Add.
  6. Click No Code Event.
  7. Click Page URL for a trigger based on page loading or Inner Text for a trigger based on a button, link, or UI element event on the page.
  8. In the Name field, enter the Event name.
  9. In the Description field, enter the Event description.
  10. If Page URL was clicked, in the URL Pattern field, enter the Page URL.
  11. If Inner Text was clicked, in the Inner Text field, enter the inner text of the element.
  12. Click Save.

This event is now available for both immediate and future use within your microsurveys.

3. Choose Template

In the Navigation Pane, click Templates to browse the microsurvey templates. Templates are organized into use case collections to help you easily find what you need, for example:

  • Onboard More Customers
  • Create Better Content
  • Launch a New Product or Feature
  • Recruit Interview Participants
  • Reduce Customer Churn

Choose the collection that best fits your business problem. Then browse, preview, and select the template that best supports your research.

  1. Place your cursor over each template.
  2. Observe the preview on the right side.
  3. To choose the template, either select the template card or click the green Customize and Launch button on the right.
  4. If you'd rather not use a template, you can always choose to Create from Scratch via the purple button in the top right corner to create your custom survey.

4. Customize Microsurvey

For the Question selection:

  1. Review the questions.
  2. Customize by changing the wording, deleting a question, or adding a question.
  3. Click Save Changes and you will be returned to the microsurvey summary view. Your microsurvey will now have a Draft status.

For the Audience selection:

  1. Choose Web as the platform.
  2. Under the Survey Trigger, choose the No Code Event that you added in the step above.
  3. Select the dropdown to search and choose the correct event for your mobile microsurvey.
  4. Click the purple Launch Survey button in the top right corner, you should start to see responses come in as time progresses.

To learn more about designing microsurvey questions, visit the following topics:

If you need any help with either of these installations, please reach out or book time with our Product Support and Customer Success teams. We’re happy to lend you a hand getting started.