Web

Designing and launching a study for websites and web apps.

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. Implementing a trial study can take as little as 30 minutes.

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:

ConsiderationsWeb SDKGoogle Tag Manager
AvailabilityWeb 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 PermissionsKnowledge, permission, access of your codebase and repository.Novice to basic Google Tag Manager knowledge.
Time to Complete30 minutes.30 minutes.
Website or Web App SurfaceEasy to install on eitherOften already installed on your marketing site and possibly part of your application if the application is hybrid.
InstallationAdd 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 to display the code snippet to provide to your colleague.
    3. Optionally, 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 contact or book time with our Product Support and Customer Success teams. We're happy to lend you a helping hand to get you started!

2. Add Event

Your website or web app's pages, buttons, interactions, and style sheet definitions translate to events that can be tracked and recognized by Sprig to conduct In-Product research.

Once you're clear on what you want to research, you'll need to spend time on your website or web app to determine which page or button you'd like your study to trigger 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 will need to copy information from this page into the Sprig application.
  3. Open the Sprig application.
  4. In the Navigation Pane, click Data Hub > Events.
  5. Click Add Event.
  6. Click Create 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. Enter the Event name in the Display Name field.
  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, enter the inner text of the element in the Inner Text field.
  12. Click Save.

This event is now available for use in your studies.

3. New Study

To create a new study, click + New Study, then click either Create from Scratch > Survey or select one of the predefined templates. The templates are organized by use case. Choose the collection that best fits your business problem. Then browse, preview, and select the template that best supports your needs.

  1. Click each template.
  2. Click on the questions and observe the preview on the right side.
  3. To choose the template, click Use this template.

4. Customize Study

For the Question tab:

  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.

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

For the Audience tab:

  1. Select Website / Web App for How to Send.
  2. Choose When to Send. Select the Event you previously defined.
  3. Click Launch Study button in the top right corner. Click on Studies > YOUR_STUDY > Responses, and you should start to see responses as events are triggered and respondents complete the survey.

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

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