[unboxing][hrads]

熱門標籤

☆重要訊息:Blogger 官方近期推出的「RWD 自適應範本主題」沒有『行動服務』的設定選項,如果您是觀察「技研可樂」裡的文章做自己網站的設計,使用「自適應範本主題」的使用者可以直接依「技研可樂」文章裡的『電腦版』方式做設定即可完成佈置,不需要開啟『行動服務』。☆

  Blogger 自訂網址應用 CloudFlare HTTPS 系列文章:「CloudFlare

  Blogger HTTPS 相關文章列表:「HTTPS

  Blogger AdSense 廣告放置與相關自適應廣告佈屬文章列表:「AdSense

  Blogger 常用頁面判斷式用法一列表:「Blogger 常用頁面判斷式用法一覽表

Blogger 外連網址自動執行 Google 網址安全性檢查

Blogger 網誌模板範本應用教學:在網路上逛街的時候,常常逛到使用 WordPress 平台架站的網站,有些站長會很細心的幫自己的網站建立對外連結網址執行網址安全性檢查服務,讓往來的訪客能夠安心的前往外部連結的網站。

會有這篇是因為自己也想幫 Blogger 網站增加外連安全性的考量,但由於在網路上找不到相關教學,所以就自己動手實作囉!

網址安全性掃描」是由 Google API 所提供,目前找到有提供網址掃描的自架平台有 [ vez.cc ] 及 [ 0zz.cc ] ,由於找到的資料有限,還不確定這兩個平台是否為自由平台,若有不歡迎掃描的情事也請予以告知。

Blogger 外連網址自動執行 Google 網址安全性檢查_001



實作的過程會在 Blogger 後台的 HTML 中增加 jquery 及 函式,若對 Blogger 不太熟悉,可先 「備份 Blogger 的 XML」 。在程式碼完成安裝後,所有的外連網址會在瀏覽器自動開一新分頁執行「網址安全性檢查」,所有的內連網址會在原瀏覽器頁面直接跳轉。



設置前準備

若對編譯 Blogger 的 HTML 模板還不太熟悉,建議先執行『備份 Blogger 模板 (範本)』的動作,以防原始模板資料遺失。



設定教學

前往後台,【範本 〉編輯 HTML】

Blogger 外連網址自動執行 Google 網址安全性檢查_101



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


<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js' type='text/javascript'/>

Blogger 外連網址自動執行 Google 網址安全性檢查_102



接著搜尋【</head>】,在「</head>」上方加入以下程式碼,加入完成後按下【儲存範本】後即可看到效果

<!-- 外部鏈結網址安全性檢查開始 -->
<script type='text/javascript'>
$(document).ready(function() { 
  $(&quot;a[href^=&#39;http://&#39;]&quot;).each( 
    function(){ 
     if(this.href.indexOf(location.hostname) == -1) { 
         $(this).click(function (e) { 
        e.preventDefault(); 
        var target = e.target
        if ($(target).attr(&#39;target&#39;, &#39;_blank&#39;)) { 
            window.open(&quot;http://0zz.cc/redir.php?url=&quot; + $(target).attr(&#39;href&#39;), &#39;_blank&#39;); 
        }
});
}
});
});
</script>
<!-- 外部鏈結網址安全性檢查結束 -->

Blogger 外連網址自動執行 Google 網址安全性檢查_103



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




小結

有個小缺點,若有使用 Blogger 內建的燈箱效果,當點擊 Blogger 網站內的圖片連結,會在瀏覽器新分頁顯示一個空白的掃描頁面,但在瀏覽器原始分頁還是會顯示燈箱圖片。



參考文獻
MBT



分享

共有 2 則留言

留言迴響
Anonymous
管理員
6/23/2014 6:41 PM ×

請問可以在轉址的頁面掛上自己網站的Logo, 或刪除/改變頁面的廣告嗎?

回覆
avatar
WHY
管理員
6/23/2014 10:11 PM ×

[ vez.cc ] 及 [ 0zz.cc ] 兩個網址掃描平台,為該站台的站長架設的網址掃描網站,
我們沒有辦法直接作更變 logo 和 廣告 的動作。

必須自已架設網站,調用 Google Safe Browsing API 才有辦法完成。

回覆
avatar

加入代碼加入代碼

若您在閱覽文章時,於文章頁面找不到相關的應用主題,歡迎移駕到『站內留言』一起研究討論,謝謝!

使用超連結:<a href="https://www.techcoke.com/">技研可樂</a> =『技研可樂

加入圖片 ( https ):支援 HTTPS 網址型式的 .jpg .png 格式圖檔,直接貼入 HTTPS 圖片網址即可在留言時顯示!

支援非嵌入 Youtube 視頻:https://www.youtube.com/watch?v=hdfSISI24Xk (* 瀏覽器網址列中的 Youtube 網址 )

&&amp;'&#039;"&quot;<&lt;>&gt;
技研可樂 © 2013 - 2017

Contact Form

Name

Email *

Message *