Display a dynamic watermark on an image? | XM Community
Skip to main content
Question

Display a dynamic watermark on an image?


ironspider
Forum|alt.badge.img+1

Greetings all, I have an ask from a user that I'm hoping I can get an answer on. The situation is that a survey is being planned where images will be shown and respondent's opinions on the images asked. The issue is that the researcher would like a way to help ensure respondents are dissuaded from downloading the image to their computer (and potentially violate their NDA by sharing the image or posting it).
The ask was if there is a way for Qualtrics to apply a "dynamic watermark" to the image (using piped text). So, the image in the survey would just be the base image, but when you enter your email address in a previous block, that email address is stored as an embedded data field and then later, the image is displayed with a watermark on top of the image that is the email address (pulled from the embedded data field).
Is that possible somehow? Or is thee a better way to lock down/watermark images in a survey?

Thanks!

5 replies

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • 1449 replies
  • April 9, 2020

You can use jQuery library, check this


ironspider
Forum|alt.badge.img+1
  • Author
  • 10 replies
  • April 9, 2020

Hey Rondev, but doesn't this solution require the files to be stored on the webserver? How would one implement this into a Qualtrics survey?
(can you tell I'm not a web developer? :) )


rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • 1449 replies
  • April 9, 2020

You can store the image file in in the Qualtrics library


ironspider
Forum|alt.badge.img+1
  • Author
  • 10 replies
  • April 9, 2020

Oh, sorry, I mean the JavaScript libraries/plugin that link references. On the page you linked it indicates you have to reference the files locally (or where they live on the webserver). For example, aren't they referencing the JavaScript file inside the dist folder here?):
1
2


rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • 1449 replies
  • April 10, 2020

You need to just use below script tag in the header.