html“服务器错误”中的Wordpress Elementor脚本答案

【问题标题】：Wordpress Elementor script inside html "Server Error"html“服务器错误”中的Wordpress Elementor脚本
【发布时间】：2021-02-24 12:11:03
【问题描述】：

为了在我的网站上嵌入我的surveymonkey，我收到了脚本代码并将其复制到一个 html 部分中。我将这个带有 Elementor 的 html 部分放在页面的中心。

<script>(function(t,e,s,n){var o,a,c;t.SMCX=t.SMCX||[],e.getElementById(n)||(o=e.getElementsByTagName(s),a=o[o.length-1],c=e.createElement(s),c.type="text/javascript",c.async=!0,c.id=n,c.src="https://widget.surveymonkey.com/collect/website/js/<TokenToMySurvey>.js",a.parentNode.insertBefore(c,a))})(window,document,"script","smcx-sdk");</script>

现在我面临一些问题。首先，调查显示在预览中，但位于页面底部。其次，当我点击“保存”或“发布”时，我得到了

Server Error (510 No Reason Phrase)

如何将脚本部分正确放入 html 中？

【问题讨论】：

您是否安装了 Wordfence 或任何其他安全插件？
@ozgur 不，我没有。
有时安全插件会阻止直接将脚本注入页面内容。我认为在这种情况下可能会出现问题。可能与 elementor 的内部变量或函数有冲突。我在下面建议了一个答案，它将您的脚本代码转换为一个简码，然后可以使用 elementor 的 shortode 小部件直接将其添加到 elementor 中。

标签： html wordpress elementor surveymonkey

【解决方案1】：

您可以尝试通过将以下代码添加到您的主题的functions.php（最好是您的子主题的functions.php）来创建一个短代码

我组成了短代码名称fiscblogsurvey 和函数名称。你可以随意称呼他们。

// function that runs when shortcode is called
function fiscblog_shortcode() { 
    return '<script>(function(t,e,s,n){var o,a,c;t.SMCX=t.SMCX||[],e.getElementById(n)||(o=e.getElementsByTagName(s),a=o[o.length-1],c=e.createElement(s),c.type="text/javascript",c.async=!0,c.id=n,c.src="https://widget.surveymonkey.com/collect/website/js/<TokenToMySurvey>.js",a.parentNode.insertBefore(c,a))})(window,document,"script","smcx-sdk");</script>';
} 
// register shortcode
add_shortcode('fiscblogsurvey', 'fiscblog_shortcode');

您现在可以通过在 [fiscblogsurvey] 中输入使用 elementor 的短代码小部件将此 shortcode 添加到 elementor 中

【讨论】：

我在哪里可以找到上述functions.php 文件？
它位于主题的主文件夹中。 /wp-content/themes/[主题名称]
这个文件系统可以通过托管服务访问吗？
是的，可以通过控制面板的文件管理器访问它。或者，您可以安装 Code Snippets 插件并通过此插件添加 sn-p。 wordpress.org/plugins/code-snippets