PHP页面-将弹出/悬停添加到调查邀请中

PHP Page - Add popup/hover to survey invitation

本文关键字:添加 调查 悬停 页面 PHP      更新时间:2023-09-26

我想在现有的PHP页面上添加一个选项,邀请用户参与调查-我在过去访问过的网站上也看到过类似的邀请,但从未亲自构建过。邀请将是一个悬停的弹出窗口,出现在当前页面的顶部,其中有一个参与选项,可以转到新窗口/页面,还有一个拒绝选项,可以隐藏邀请。这个调查只会运行一周,所以我可以在7天后轻松删除代码,但它还需要检测用户以前是否访问过这个页面,并且不会再次拒绝邀请。

我认为它将使用cookie来检测他们以前是否看到过邀请,并使用带有DIV的JavaScript来显示邀请。我正在寻找任何示例/代码来展示如何在PHP页面中做到这一点,这样我就可以在我的PHP页面上实现这一点。

非常感谢,Steve

实现这一点的最简单方法是使用JavaScript,我使用jQuery来执行JavaScript。因此,您可以创建一个div,因为您希望调查看起来像这样:

<div id="idOfDiv">Style this and do what you normally would</div>

然后在你的CSS中放入:

#idOfDiv { display:none; }

最后,对于jQuery,您可以使用以下片段来显示它:

$("#idOfDiv").fadeIn();  
//You can add a time in the parenthesis of fadeIn in milliseconds
//to speed up or slow down the div loading

如果你想跟踪是否有人关闭了它,比如说你有一个ID为close的关闭按钮,你可以用jQuery来完成。

 $('#close').click(function(){
    $.post('location/of_file/to_set/cookie.php',function(data){
        //If you want to have a confirmation message or something put this here,
        //for after the cookie gets set.
    });
    $('#idOfDiv').fadeOut();
});

在cookie.php中只有:

<?php setcookie('noSurvey','true',time()+5000000,'/'); ?>

最后,在你的页面上,你有调查消息的div:

<?php if(!$_COOKIE['noSurvey']){ /*put div here */ } ?>

这将允许你只向拥有cookie的人显示消息,并且你可以在不离开页面的情况下设置cookie。此外,在调查页面上,一旦他们完成了调查,你可能会想设置相同的cookie,这样他们就不会再这样做了。

希望这能有所帮助,

Jeff

编辑如果您想让更多人回答,您还需要提高接受率。接受率与你得到的答案数量成正比:)