我想将此代码转换为代码片段插件中的短代码，我已经看到了一个示例，但当我将其放入时，它不起作用，示例如下：

add_shortcode( \'shortcode_name\', function () {

    $out = \'<p>write your HTML shortcode content here</p>\';

    return $out;
} );

我想将以下代码转换为旋转横幅：

<script>
 
    rnd.today=new Date();
    rnd.seed=rnd.today.getTime();

    function rnd() {
        rnd.seed = (rnd.seed*9301+49297) % 233280;
        return rnd.seed/(233280.0);
    }

    function rand(number) {
        var result = Math.floor(rnd() * number);
        if (!result) result = 0;
        return result
    }
    var bannerimgs = new Array("a.jpg", "b.jpg");
    var bannerlnks = new Array("a.com", "b.com");
    var banneralt = new Array("a", "b");
    var rotatorHtml = "";
    var endJs = "";

    for(var img in bannerimgs){
        var thisImg = new Image();
        thisImg.src = bannerimgs[img];
    }
    var bannerimgCt = 2;
    var bannercurrentAd = rand(bannerimgCt);
    var openlink = "";
    var bannerbanner = document.getElementById(\'banner\');
    var bannerlink = document.getElementById(\'banneradLink\');
    
        if(bannerlnks[bannercurrentAd] != ""){
        rotatorHtml += \'<a href="\' + bannerlnks[bannercurrentAd] + \'" id="banneradLink"  target="_blank">\';
        endJs = "</a>";
    }
    rotatorHtml += \'<img src="\' + bannerimgs[bannercurrentAd] + \'" alt = "\' + banneralt[bannercurrentAd] + \'" id="bannerbanner">\' + endJs;
    document.getElementById("banner_div").innerHTML = rotatorHtml;  
</script>

如何将此脚本转换为短代码？我已经替换了它所说的内容，但出现了错误，然后我做错了什么。如何将此脚本转换为短代码？你知道其他的方法吗？

add_shortcode( \'shortcode_name\', function () {
    $out = \'<div id=\'banner_div\'></div>\';
    return $out;
} );

wp_enqueue_script( \'unique-name\', \'/path/to/script.js,  array(), false, true);