将JS代码段插入WP网站 - Insert JS Snippet To WP Site

我一直在慢慢地自学一些关于编码的简单方面。现在，我想把一段JS代码上传到一个页面上。以下是我想要使用的代码的一些背景：

代码将显示在一页上。这个页面是一个表单页面，如果有人做了除按"提交"之外的任何事情，就会弹出一个模块，其中包含一些问题。我一直在用wordpress。任何思想、指导等都是完美的！

<script>
            var config = new Object();
            config.surveyID = 3160325;
            /*config.animationMode = 0;*/
            config.takeSurveyURL = 'http://www.surveyanalytics.com/a/TakeSurvey';
            config.windowPositionLeft = 200;
            config.windowPositionTop = 300;
            config.home = 'http://www.surveyanalytics.com/';
            config.isRightToLeft = false;
            config.surveyStartMessage = 'Start Survey';
            config.popupInvitationLaterMessage = 'Later';
            config.showFooter = true;
            config.invitationDelay = 0;
            config.skipCount = 0;
            config.popupMode = 0;
            config.expirationTime = 60
               window.onbeforeunload = function() {
                        QP_popupMain();
               };
        </script>
        <script language="javascript" type="text/javascript" src="http://www.surveyanalytics.com//javascript/exitSurveyInvitation.js"></script>
            <noscript>
            <a href="http://www.supporterfeedback.org/a/TakeSurvey?id=3160325">Start Survey</a>  <a href="http://www.surveyanalytics.com/">Survey</a>
            </noscript>

由于WordPress不喜欢functions.php中的<script>标记，因此请将代码放入".js"文件中，并在functions.php中将脚本注册，然后将其放入短代码中。

在您的functions.php文件中：

add_action( 'wp_enqueue_scripts', 'register_my_script' );
function register_my_script() {
    //This example puts it in plugins, but you can put it in your theme instead
    wp_register_script( 'script-name', plugins_url( '/js/script.js' , __FILE__ ), array(), '1.0.0', true );
}
//Replace "PUT YOUR JAVASCRIPT CODE IN HERE" with your actual code
function myTestFunction( $atts )
{
    //Now enqueue the script
    wp_enqueue_script( 'script-name' );
}
add_shortcode( 'myjavascriptfunction', 'myTestFunction' );

然后在CMS中，转到该页面并将调用添加到内容文本框中的快捷代码：

[myjavascriptfunction /]

这是script.js 中的代码

 <script>
                var config = new Object();
                config.surveyID = 3160325;
                /*config.animationMode = 0;*/
                config.takeSurveyURL = 'http://www.surveyanalytics.com/a/TakeSurvey';
                config.windowPositionLeft = 200;
                config.windowPositionTop = 300;
                config.home = 'http://www.surveyanalytics.com/';
                config.isRightToLeft = false;
                config.surveyStartMessage = 'Start Survey';
                config.popupInvitationLaterMessage = 'Later';
                config.showFooter = true;
                config.invitationDelay = 0;
                config.skipCount = 0;
                config.popupMode = 0;
                config.expirationTime = 60
                   window.onbeforeunload = function() {
                            QP_popupMain();
                   };
            </script>
            <script language="javascript" type="text/javascript" src="http://www.surveyanalytics.com//javascript/exitSurveyInvitation.js"></script>
                <noscript>
                <a href="http://www.supporterfeedback.org/a/TakeSurvey?id=3160325">Start Survey</a>  <a href="http://www.surveyanalytics.com/">Survey</a>
                </noscript>

这是function.php 中的代码

add_action( 'wp_enqueue_scripts', 'register_my_script' );
function register_my_script() {
    //This example puts it in plugins, but you can put it in your theme instead
    wp_register_script( 'script', plugins_url( '/script.js/' , __FILE__ ), array(), '1.0.0', true );
}
//Replace "PUT YOUR JAVASCRIPT CODE IN HERE" with your actual code
function myTestFunction( $atts )
{
    //Now enqueue the script
    wp_enqueue_script( 'script' );
}
add_shortcode( 'myjavascriptfunction', 'myTestFunction' );