【WordPress】外連網址自動執行 Google 網址安全性檢查

29


在網路上瀏覽網站的時候,常常逛到使用 WordPress 平臺架站的網站,有些站長會很細心的幫自己的網站建立對外連結網址執行網址安全性檢查服務,讓往來的同學能夠安心的前往外部連結的網站。
會有這篇文章是因為自己也想幫 WorePress 網站增加外連安全性的考量,但由於在網路上找不到相關教學,所以就自己動手實作看看囉!


網址安全性掃描」是由 Google API 所提供,目前找到有提供網址掃描的自架平台有 [ vez.cc ] 及 [ 0zz.cc ] ,由於找到的資料有限,還不確定這兩個平台是否為自由平台,若有不歡迎掃描的情事也請予以告知。
實作的過程會在 WordPress 後台的佈景主題 > header.php 中增加 jquery 及 函式,若對 WordPress 不太熟悉的同學,可先備份喔!在程式碼完成安裝後,所有的外連網址會在瀏覽器自動開一新分頁執行「網址安全性檢查」,所有的內連網址會在原瀏覽器頁面直接跳轉。


設置前準備

若對編輯 WordPress 佈景主題模板還不太熟悉,建議先執行『備份』的動作,以防原始主題模板資料遺失。

設定教學

Step 1 》前往後台,【範本 >外觀 >佈景主題編輯器】

Step 2 》找到「<head>」,在「<head>」下方加入以下程式碼,若有安裝過「jquery.js」或「jquery.min.js」則無需重複安裝

Code
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
Code
    <!-- 外部鏈結網址安全性檢查開始 -->
    <script type='text/javascript'>
        $(document).ready(function () {
            $("a[href^='http://'],a[href^='https://']").each(
                function () {
                    if (this.href.indexOf(location.hostname) == -1) {
                        $(this).click(function (e) {
                            e.preventDefault();
                            var target = e.target
                            if ($(target).attr('target', '_blank')) {
                                window.open("http://0zz.cc/redir.php?url=" + $(target).attr('href'), '_blank');
                            } else {
                                window.location = "http://yourhostname" + $(target).attr('href');
                            }
                        });
                    }
                });
        });
    </script>
    <!-- 外部鏈結網址安全性檢查結束 -->  


若需要更改為使用「vez.cc」掃描,可將「0zz.cc/redir.php?url=」更改為「vez.cc/check.php?url=

備註:

[ vez.cc ] 及 [ 0zz.cc ] 兩個網址掃描平台,為該站台的站長架設的網址掃描網站,必須自已架設網站,調用 Google Safe Browsing API 才有辦法完成。