只想在WordPress中使用jQuery在主页上加载弹出窗口

我正在WordPress中创建一个弹出插件。在我的插件中，每个页面上都会打开一个弹出窗口，但我只想在主页上显示它。

我知道如何在PHP中获取它，但不知道在jQuery中获取主页网址。

setTimeout(function(){
    if($.cookie('SFPopup') == null){
        $('#sfp_Modal').modal('show');
    }else{          
        $('#sfp_Modal').modal('hide');
    }
}, 3000); 

这就是我使用 cookie 条件显示弹出窗口的方式，但我也想只在主页而不是内页上显示它。

这是我的工作代码

<?php
function sf_display_popup(){
if (is_front_page() == true) {
?>
<script>
    jQuery(document).ready(function($) {
            $.cookieBar();
                setTimeout(function(){
                     //var site_url = '<?php echo home_url(); ?>';
                    if($.cookie('SFPopup') == null || $('body').hasClass('home')){
                        // alert(site_url);
                            $('#sfp_Modal').modal('show');
                        }else{          
                            $('#sfp_Modal').modal('hide');
                        }
                }, 3000); 
        });
</script>
<?php
    }
}
?>