让你的网站更智能--php点击外链增加提示

什么是点击外链提示？

点击外链提示指的是在用户点击跳转到外部链接时，弹出一个提示框，提示用户当前将跳转到外部网站，以增加用户对链接内容的知情度，避免不必要的误导或误解。

如何使用php实现点击外链提示？

在php代码中，可以通过对超链接onlick函数的编辑来实现点击外链提示。具体的方法是在需要进行外链的a标签的超链接值中加入javascript代码，并定义一个点击函数。当用户点击这里时，会触发vannot_leave()函数，该函数的内容为弹出一段提示窗口，询问用户是否需要离开当前页面，在用户确认离开之后再进行外链跳转。代码示例如下：

<a href=\"https://www.example.com\" onclick=\"return vannot_leave()\">跳转到外部链接</a>
<script language=\"javascript\">
function vannot_leave() {
    var is_ignore = confirm('你即将离开本站，跳转到外部链接。是否继续？');
    if(is_ignore)
    {
        return true;
    } else {
        return false;
    }
}
</script>

如何在点击外链后增加文章？

在用户点击外链跳转到外部网站的同时，可以通过php动态生成一个消息弹窗，提供相关文章的推广或mooc学习的宣传标语。首先需要在js文件中定义弹出窗的样式并传递参数。代码示例如下：

<script type=\"text/javascript\">
function displayRecommend() 
{
  var args = [\"文章1\", \"文章1描述\", \"https://www.artile1.com\",
              \"文章2\", \"文章2描述\", \"https://www.artile2.com\",
              \"mooc学习\", \"60天可学完\", \"https://www.mooc.com\"];
  window.location.href=\"display_recommend.php?args=\" + JSON.stringify(args);
}
/** 
 * 类型判断
 * @param obj 必须，需要判定的值
 */
function\tisType( obj )
{
\treturn /(\\w+)\\]/.exec(Object.prototype.toString.call(obj))[1].toLowerCase();
}
</script>

然后通过php程序中对URL中参数进行解析，根据参数的内容创建内容提示html代码，并返回到前端。前端利用第一个参数的值创建弹窗的标题，后续两个参数用于分别显示内容描述和参考文本URL。相关php文件示例如下：

<?php
// $_GET = array('type' => '2', 'time' => 'week');
if($_GET[\"args\"]) {
  $args = json_decode($_GET[\"args\"]);
  $events = array();
  for ($i=0; $i < count($args); $i+=3) {
    $events[ $args[$i] ] = array(
      \"desc\" => $args[$i + 1],
      \"link\" => $args[$i + 2]
    );
  }
  //生成相应的卡片写入JS, 异步执行
  foreach ($events as $k => $v) {
    $content .= \"<a href='\".$v[\"link\"].\"' target='_blank'><h4>\" .$k. \"</h4></a>\";
    $content .= \"<p>\".$v[\"desc\"].\"</p>\";
  }
}
?>
<script type=\"text/javascript\">
window.onload = function(){
    try {
        var span_obj = document.createElement(\"span\");
        span_obj.setAttribute(\"id\",\"feedback\");
        span_obj.title = \"重新发送详情请求\";
        setTimeout('',6000);//推迟6秒弹窗
        var content = '
          <div class=\"bannercontainer\">
          <!--div class=\"rolermain rolprt\"></div-->
          <div class=\"rolerankrow rowmore\">
          
          </div>';
        
        span_obj.innerHTML = '<div>' + content + '</div>';
        span_obj.className = \"jswbox\";//易于生存渲染.要css中对应规则.    　　　ｕｎｋｏｗｎliu注意.
　　　　 document.body.appendChild(span_obj); //统一JS添加到用户可见的 body的顶层，可以有效避免降低推荐页面质量的影响。
    　　} catch (e) {　　
    　　　　console.log('message:' + e); 
    　　}
};
</script>

如此便通过php结合js实现了点击外链提示和弹窗员工推荐文章显示的功能。这样设计不仅增加了用户的知情度，进一步提高了文章的浏览量和转化率，更重要的是，给用户带来的额外询问和参考信息增加了人性化的体验感，可体现网站的贴近和态度。欢迎尝试。