通过URL变量变化调查标题图片

这个JavaScript允许你通过URL变量*改变你的调查标题图像。如果你想向不同的目标用户展示不同的图像,这将非常有用。在本例中,我们将标题更改为每个URL变量的不同颜色徽标。我们已经看到这在翻译之类的事情上也很有用。

注意,标题图像只会在调查的第一页改变。在随后的页面上看不到页眉图像。因此,我们建议将此解决方案与单页调查一起使用。

检查一下例如调查

或者

添加一个调查与此设置您的帐户!

我们将使用以下Alchemer在这个例子中的特点:

设置

在创建调查之后,去文件库并上传不同的图片。要了解更多关于如何上传图片的信息,请查看我们的文档文件库

接下来,单击添加新动作> JavaScript然后粘贴下面的代码。

//给定下面的查询字符串字段,拉出值函数getUrlValue(varSearch) {var searchString = window.location.search.substring(1);var varablearray = searchString.split('&');For (var I = 0;我< variableArray.length;i++) {var keyValuePair = variableArray[i].split('=');if (keyValuePair[0] == varSearch) {return keyValuePair[1];}}} $(function(){// -----把url变量字符串字段放在这里----- var urlvar = "标志" // ------------------------------------------- var searchResults = getUrlValue (urlvar);// -----根据查询字符串的值var替换标题图像WhiteonBlackSrc = "//surveygizmolibrary.s3.amazonaws.com/library/298745/_WhiteonBlack.png“VARPinkonTealSrc = "/ / surveygizmolibrary.s3.amazonaws.com/library/298745/_PinkonTeal.png“VARWhiteonPurpleSrc = "//surveygizmolibrary.s3.amazonaws.com/library/298745/_WhiteonPurple.png“; VAR imgSrcArray = [WhiteonBlackSRC,PinkonTealSRC,WhiteonPurpleSrc);var src = WhiteonBlackSrc;美元。if (val.search(searchResults) != -1) {src = val;} });$ (" .sg-header-image”)。attr (" src " src);});

需要定制

在上面的脚本中,您需要自定义用黄色突出显示的变量,以使脚本按照您希望的方式工作。

urlvar-更改"logo"为您的特定url变量名。

URL变量值- 接下来更改URL变量的值,您的网址变量值。例如,对于WhiteonBlack变量值会是什么样子?小狗= BlackonWhite在您的调查链接。

图片链接-最后改变上面的链接到相应的图像,与你的URL值。要获得这些图像林斯到您的文件库,并单击您的图像。接下来复制并粘贴文件URL。

就像在例子中一样,取你的共享链接并附加你的URL变量和值。最终结果会像这样:http://survey.alchemer.com/s3/4197896/Update-Header?puppy=dachshund

测试你的所有URL变量,以确保你得到正确的图像为每个!

可选的改变图像基于语言

function getLang () {return document.getElementsByTagName('html')var src = srcs[lang] || srcs['en'] //删除旧的图像,创建并添加新的img var oldImg = document.querySelector('img.sg-header-image') var newImg = document.createElement('img')src = src var parent = oldImg。parentElement parent. replacecchild (newImg,oldImg)} //每种语言都要使用的url(使用语言代码)//参见/帮助/ set-up-logic-based-on-survey-languagevar headersrc = {fr': 'FRENCH_IMAGE_SOURCE_LINK', 'en': 'ENGLISH_IMAGE_SOURCE_LINK', 'it': 'ITALIAN_IMAGE_SOURCE_LINK', 'de': 'GERMAN_IMAGE_SOURCE_LINK'}文档。addEventListener (' DOMContentLoaded”内,changeHeader (headerSrcs))文档。removeEventListener (DOMContentLoaded”内,changeHeader)

脚本和其他定制化解决方案

我们总是很乐意帮助您调试任何文档化的脚本。也就是说,我们没有资源按需编写脚本或调试定制的脚本。

如果您有定制的想法,你还没有想出如何处理,我们很高兴能成为一个传声筒的Alchemer特点和可能​​满足您的需求功能的想法。除此之外,看看我们专业服务;这些人有脚本挑起大梁帮助你实现你在找什么!

基本的 标准 市场研究 人力资源专业 完全访问 报告
自由 个人 团队和企业
功能 包括在