Designing and launching a study for websites and web applications

There are many ways that Sprig can help you to conduct user research studies 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:



Google Tag Manager


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.


Add a JavaScript snippet to your web page or use NPM or YARN.

Google Tag Manager methods.

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 codebase 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. In the case of WEB, request that the JavaScript snippet be installed or the SDK be installed using NPM/YARN. With GTM, ask the Google Tag Manager admins to install Sprig.
    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 
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

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 study 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 studies.

4. Create from Scratch or choose a Template

To create a new study, click on + New Study, then either Create from Scratch or Browse Templates. The templates are organized into use case collections to help you easily find what you need, like:

  • 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. Hover 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, under the preview of the template.

5. Customize Study

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 summary view. Your study will now have a Draft status.

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

For the Audience selection:

  1. Select Study as the Type of Study. If you're planning to perform a concept test, select Study with Concept Test and paste the Figma link into the field.
  2. Select Web for How to Send.
  3. Under When to Send, choose *No Code Event** that you added in the step above.
  4. Click the purple Launch Study button in the top right corner, you should start to see responses come in as time progresses.

To learn more about designing study 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.