REDCap 13.9.3嵌入Calendly：Javascript注入器使用问题求助

操作流程 #

• 在问卷中添加Descriptive Text字段，在字段内容里插入带指定ID的div容器：

  <div id="calendly-container"></div>
  

• 进入项目的「Project Setup」→「Javascript Injection」页面，将Calendly的初始化脚本作为注入片段添加：

  (function() {
    // 加载Calendly核心脚本
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.async = true;
    script.src = 'https://assets.calendly.com/assets/external/widget.js';
    var firstScript = document.getElementsByTagName('script')[0];
    firstScript.parentNode.insertBefore(script, firstScript);
  
    // 页面加载完成后初始化内嵌组件
    window.addEventListener('load', function() {
      Calendly.initInlineWidget({
        url: '你的Calendly公开预约链接',
        parentElement: document.getElementById('calendly-container'),
      });
    });
  })();
  

关键说明 #

• REDCap字段会直接过滤<script>标签，因此必须通过Javascript Injection工具注入脚本代码
• 之前出现的加载失败属于临时问题，确认代码片段本身有效后，按上述步骤配置即可正常显示Calendly组件
• 务必保证div容器的ID和脚本中getElementById的参数完全匹配

内容的提问来源于stack exchange，提问作者Adriana Velasquez