Phonic Docs
  • Tutorials
  • Docs
  • Contact

›Tutorials

Tutorials

  • How to Create an Audio Survey
  • Embed Microphone in a Webpage
  • Embed a Full Survey
  • Integrate With Decipher
  • Integrate With Qualtrics

Survey Components

  • Question Types
  • Stimuli
  • Timers
  • Randomization
  • Skip Logic
  • Duplicating Surveys & Questions
  • Deleting Data

Collaboration

  • Sharing and Exporting
  • Email Notifications

Analytics

  • Analytics
  • Transcription
  • Data Visualization
  • Google Analytics

Integrate With Qualtrics

Getting Started

If you're set on bulding your survey in Qualtrics but need stable media recording & analytics, we suggest integrating Phonic into your Qualtrics survey. This tutorial will walk you through exactly how to embed Phonic media recording widgets into Qualtrics.

First Things First

Sign into both your Qualtrics and Phonic accounts. If you don't have a Phonic account, go to Phonic and make one.

Create a Skeleton Survey in Phonic

Create a survey with as many audio questions as you need audio-recorders. In this case two audio questions have been added.

settings page screenshot

Find Your Survey ID and Question ID

Click Deploy. Now click on your new survey in the main dashboard. We'll start by embedding the first audio recording question into your Qualtrics survey. Click on the first question and take a look at your URL. The url of this example is as follows.

https://app.phonic.ai/surveys/5f5077858c576d48d11857d2/questions/5f5077964f942404412f03a6

Here 5f5077858c576d48d11857d2 is the survey ID and 5f5077964f942404412f03a6 is the question ID.

settings page screenshot

Over to Qualtrics

It's time to add the first microphone to qualtrics. Log into Qualtrics, and go to your survey. Go to Look and Feel --> General --> Header and click Source. Paste the following line of code into the editor.

<script type="text/javascript" src="https://api.phonic.ai/phonic-embed.min.js"></script>

settings page screenshot

Add the First Microphone

Go back to the main survey outline. In the description of the question you'd like to add your first microphone, enter the HTML editor. Find the place you'd like to add the microphone and paste the following. Note that here the surveyid and questionid should be changed to yours.

<phonic-mic
surveyid="YOUR-SURVEY-ID"
questionid="YOUR-QUESTION-ID"
responseid="${e://Field/ResponseID}">
</phonic-mic>

The result should appear as follows in Qualtrics.

Add Any Other Microphones

All that's left is to add the above code snippet to any other questions you need. Make sure to change the question ID to match your Phonic skeleton and test that everything works by submitting some test responses.

Customize Behaviour and Appearance

To further customize microphone behaviour and appearance, including changing the recording format, size, color and adding additional IDs, check out our full embedding guide.

← Integrate With DecipherQuestion Types →
  • Getting Started
    • First Things First
    • Create a Skeleton Survey in Phonic
    • Find Your Survey ID and Question ID
    • Over to Qualtrics
    • Add the First Microphone
    • Add Any Other Microphones
    • Customize Behaviour and Appearance
Phonic Docs
Tutorials
Create An Audio SurveyCreate An Embedded SurveyIntegrate with Other Platforms
Docs
Question TypesStimuliTimers
-
Follow @PhonicAI
Copyright © 2021 Phonic Inc.