搜尋
首頁CMS教程＆＃＆按為WordPress創建一個URL Shortener插件
為WordPress創建一個URL Shortener插件
Christopher Nolan
Christopher Nolan
Feb 17, 2025 am 11:29 AM

為WordPress創建一個URL Shortener插件

URL縮短是一種使URL長度短的技術，並且仍然鏈接到所需頁面。這是通過在域名短的域名上使用重定向來實現的，該域名鏈接到具有較長URL的網頁。

在本教程中，我將向您展示如何使用Google的URL Shortener API為WordPress創建URL縮短插件。

鑰匙要點

    >該教程提供了有關如何使用Google的URL縮短器API為WordPress創建URL縮短插件的分步指南。該插件對具有字符限制，印刷材料和QR碼的平台可能是有益的。
  • 要使用Google URL Shortener API，需要一個API鍵。 Google使用此鍵來跟踪您的應用程序，可以通過Google Developers Console獲取。
    • >教程還解釋瞭如何為插件創建設置頁面，管理員可以在其中輸入URL Shortener API密鑰。 API密鑰作為WordPress選項存儲在具有名稱URL-shortener-Input-field的WordPress選項中。
    • >創建的插件將在“元編輯”屏幕中的元盒中顯示縮短的URL，下面的每個帖子下方都顯示了縮短的URL。它可以與Google URL Shortener Web服務無縫運行，並且並非每次都請求新的URL，而是將其存儲在檢索後。
  • >
  • URL縮短的原因
    • 在開始構建URL縮短插件之前
在Twitter和其他一些消息服務上，消息可以包含的字符數量有限制。因此，如果您要發送長URL，則它將佔據大部分消息。

>

>印刷書籍或顯示標牌通常會使用縮短的URL，因為它們易於讀取和鍵入。

> QR碼具有字符限制。很長的URL不適合，因此需要縮短URL。
  • >獲取Google URL Shortener API鍵
  • 要使用Google URL Shortener API，您需要獲取API密鑰。 Google使用此API鍵來跟踪您的應用程序。
  • 這是獲取API密鑰的步驟：

訪問Google Developers Console。

選擇現有項目或創建一個新項目。

在左側欄中，單擊並展開APIS＆AUTH。

接下來，單擊API。在API列表中，請確保Google URL Shortener API的狀態已打開。

> 在左側的側邊欄中，選擇憑據。如果還沒有，則生成公共訪問密鑰。此公共訪問密鑰是API密鑰。
    • 插件目錄和文件
    • 我們的插件將包含一個目錄和一個文件。這是結構：
  • 為了使插件可安裝，我們將此代碼放在url-shortener.php文件中：
    • >
--url-shortener
      -url-shortener.php

創建插件設置頁

我們需要為插件創建一個設置頁面，管理員可以在其中輸入URL Shortener API密鑰。這是使用WordPress設置API創建設置頁面的代碼 

<span><span><?php </span></span><span> 
</span><span><span>/*
</span></span><span><span>Plugin Name: URL Shortener
</span></span><span><span>Plugin URI: http://www.sitepoint.com
</span></span><span><span>Description: Create's a Shortened URL of every post.
</span></span><span><span>Version: 1.0
</span></span><span><span>Author: Narayan Prusty
</span></span><span><span>*/</span></span></span>
>我們將API密鑰存儲為WordPress選項，名稱為url-shortener-input-field。

這是設置頁面的外觀：

為WordPress創建一個URL Shortener插件> Google URL Shortener API

的概述

>要縮短一個長URL，您需要將郵政請求發送到https://www.googleapis.com/urlshortener/v1/url url帶有API鍵和長URL。

這是示例請求的樣子：

這是示例響應看起來像：
<span><span><?php </span></span><span>
</span><span><span>function url_shortener_settings_page()
</span></span><span><span>{
</span></span><span>    <span>add_settings_section("section", "Enter Key Details", null, "url-shortener");
</span></span><span>    <span>add_settings_field("url-shortener-input-field", "API Key", "url_shortener_input_field_display", "url-shortener", "section");  
</span></span><span>    <span>register_setting("section", "url-shortener-input-field");
</span></span><span><span>}
</span></span><span>
</span><span><span>function url_shortener_input_field_display()
</span></span><span><span>{
</span></span><span>   <span>?></span>
</span>        <span><span><span><input> type<span>="text"</span> name<span>="url-shortener-input-field"</span> value<span>="<span><?php echo get_option('url-shortener-input-field'); ?></span>"</span> /></span> 
</span>   <span><span><?php </span></span><span><span>}
</span></span><span>
</span><span><span>add_action("admin_init", "url_shortener_settings_page");
</span></span><span>
</span><span><span>function url_shortener_page()
</span></span><span><span>{
</span></span><span>  <span>?></span>
</span>      <span><span><span><div> class<span>="wrap"</span>>
         <span><span><span><h1 id="gt">></h1></span>URL Shortener Setting<span><span></span>></span>
</span>  
         <span><span><span><form> method<span>="post"</span> action<span>="options.php"</span>></form></span>
</span>            <span><span><?php </span></span><span>               <span>settings_fields("section");
</span></span><span>               <span>do_settings_sections("url-shortener");
</span></span><span>               <span>submit_button(); 
</span></span><span>            <span>?></span>
</span>         <span><span><span></span>></span>
</span>      <span><span><span></span></span></span></span></span></span>
</div></span>></span>
</span>   <span><span><?php </span></span><span><span>}
</span></span><span>
</span><span><span>function menu_item()
</span></span><span><span>{
</span></span><span>  <span>add_submenu_page("options-general.php", "URL Shortener", "URL Shortener", "manage_options", "url-shortener", "url_shortener_page"); 
</span></span><span><span>}
</span></span><span> 
</span><span><span>add_action("admin_menu", "menu_item");</span></span></span></span></span></span>

注意：您每天都不能使用相同的API鍵發送超過100萬個請求。 
<span>POST https://www.googleapis.com/urlshortener/v1/url
</span><span>Content-Type: application/json
</span>
<span>{"longUrl": "https://www.sitepoint.com/"}</span>
>

>在元盒中顯示縮短的URL

>我們想在“郵政編輯”屏幕中的元框中顯示縮短的URL。為了創建一個元框，我們將使用元盒API，對於URL縮短，我們將使用WordPress HTTP API。

這是在元框中顯示我們的縮短URL的代碼：>

以下是此代碼的工作方式：

> 

<span>{
</span> <span>"kind": "urlshortener#url",
</span> <span>"id": "http://goo.gl/fqsT",
</span> <span>"longUrl": "https://www.sitepoint.com/"
</span><span>}</span>
我們使用add_meta_box函數創建了一個元框。 >

我們正在使用get_permalink（）函數檢索帖子的長URL。 然後，我們正在檢查數據庫中是否已經在數據庫中作為WordPress選項中的該長URL的短URL。如果不是，那麼我們將使用HTTP API檢索它，並將其存儲為WordPress選項。否則，我們使用現有的簡短URL。

    這個插件在Google URL Shortener Web服務中播放很好
    • 這是元編輯屏幕中的meta框的樣子：
  • 在前端顯示短URL
  • >我們還希望在每個帖子下方顯示縮短的URL。這是執行此操作的代碼：

這是此代碼的工作方式：

為WordPress創建一個URL Shortener插件>我們首先檢查以確保WordPress正在處理帖子。如果是頁面或自定義帖子類型，那麼我們不會顯示簡短的URL。但是，如果要在每個頁面中顯示它，請從功能代碼中刪除前兩行。

然後，我們在元盒中顯示短URL時所做的一切都與我們一樣。唯一的區別是，我們將其連接到帖子內容。

這是它在前端的外觀：

<span>function url_shortener_meta_box_markup($object)
</span><span>{
</span>	<span>$key = get_permalink($object->ID);
</span>
	<span>if(get_option('url-shortener-input-field', '') != "")
</span>	<span>{
</span>		<span>if(get_option($key, "") != "")
</span>		<span>{
</span>			<span>echo get_option($key, "");
</span>			<span>return;
</span>		<span>}
</span>
		<span>$url = 'https://www.googleapis.com/urlshortener/v1/url';
</span>		
		<span>$result = wp_remote_post(
</span>			<span>add_query_arg(
</span>				<span>'key', 
</span>				<span>get_option('url-shortener-input-field'), 
</span>				<span>'https://www.googleapis.com/urlshortener/v1/url'
</span>			<span>), 
</span>			<span>array(
</span>				<span>'body' => json_encode(array('longUrl' => esc_url_raw($key))),
</span>				<span>'headers' => array( 'Content-Type' => 'application/json')
</span>			<span>)
</span>		<span>);
</span>
		<span>if(is_wp_error($result)){echo "Error"; return;}
</span>
		<span>$result = json_decode($result['body']);
</span>		<span>$shortlink = $result->id;
</span>
		<span>update_option($key, $shortlink);
</span>
		<span>echo $shortlink;
</span>	<span>}
</span><span>}
</span>
<span>function url_shortener_meta_box()
</span><span>{
</span>    <span>add_meta_box("url-shortener-meta-box", "Shorten URL", "url_shortener_meta_box_markup", "post", "side", "default", null);
</span><span>}
</span>
<span>add_action("add_meta_boxes", "url_shortener_meta_box");</span>

現在，我們已經完成了為WordPress構建一個很棒的URL Shortener插件！

>WordPress.org插件目錄中的流行URL Shortener插件

如果您想查看現有插件，則WordPress.org插件中最受歡迎的兩個shortener插件是URL Shortener和WP URL Shorten。

wp URL縮短使用ref.li縮短URL。 Ref.Li提供了實時統計數據和其他通過縮短URL訪問您網站的流量信息。

URL Shortener插件可讓您在bit.ly，su.pr，yourls，goo.gl和許多其他服務之間進行選擇。該插件還可以生成QR碼。

結論

在本教程中，我向您展示瞭如何輕鬆構建自己的URL縮短插件。現在，您可以繼續擴展此功能，以添加更多功能，例如QR碼支持並使用其他URL縮短服務。請在下面與自己的插件分享您的經驗。

>

經常詢問的問題（常見問題解答）有關WordPress創建URL Shortener插件

>什麼是URL Shortener插件，為什麼我需要它的WordPress網站？

一個URL Shortener插件是一種工具，可以幫助您為WordPress帖子和頁面創建更短，更易於管理的URL。這些縮短的URL更容易在社交媒體，電子郵件和其他平台上共享。它們還使您的鏈接看起來更乾淨，更專業。如果您的WordPress網站具有長而復雜的URL，則URL Shortener插件可以大大改善您的用戶體驗和SEO。通過創建原始URL的獨特，較短的版本。當用戶單擊縮短的URL時，它們會重定向到原始的長URL。這個過程是無縫的，不會影響用戶的瀏覽體驗。該插件還跟踪已縮短URL的點擊次數，為您的營銷工作提供有價值的數據。

我可以自定義縮短的URL嗎？

是的，大多數URL Shorterer插件允許您自定義。您縮短的URL。您可以添加自己的關鍵字，以使URL更有意義和相關。這不僅使您的URL更容易記住，而且還可以改善您的SEO。

>是否可以在WordPress中恢復“ shortlink'按鈕？獲取WordPress中的短鏈接按鈕。此按鈕已在WordPress 4.4中刪除，但是您可以使用插件或將代碼段添加到主題的functions. php文件中。

是否有WordPress的免費URL縮短插件？ 🎜>是的，有幾個免費的URL縮短插件可用於WordPress。一些受歡迎的包括URL Shortify，漂亮的鏈接和刻薄的鏈接。這些插件提供基本的URL縮短功能，如果您不熟悉URL縮短，則是一個很好的起點。

>我如何跟踪縮短URL的性能？

大多數URL Shortener插件都提供分析功能，使您可以跟踪縮短的URL的性能。您可以看到單擊URL的次數，用戶的地理位置，推薦來源等等。這些數據可以幫助您更好地了解您的受眾並優化營銷策略。

>如果我不是精通技術的話，我可以使用URL Shortener插件嗎？大多數URL Shortener插件設計為用戶友好，不需要任何技術知識。它們具有易於使用的接口和詳細說明。如果您可以瀏覽WordPress儀表板，則可以使用URL Shortener插件。

> URL ShortEner插件可以改善我的SEO？

是的，是的，URL Shortener插件可以改善您的SEO。縮短的URL對於搜索引擎而言更容易爬網和索引。他們還通過使您的鏈接更易於管理和共享來改善用戶體驗，這可以提高您網站在搜索引擎結果中的排名。

>

我可以使用URL Shortener插件作為我的會員鏈接嗎？ ，您可以將URL Shortener插件用於會員鏈接。實際上，強烈建議使用。縮短的URL看起來更乾淨，更專業，這可以提高點擊率和轉換。一些插件還允許您在會員鏈接中添加一個nofollow屬性，這對SEO都很有用。

>

>是否存在與使用URL Shortener插件有關的風險？許多好處，也有一些風險。例如，如果插件的服務器下降，則縮短URL可能會停止工作。另外，某些用戶可能會謹慎單擊縮短的URL，因為他們看不到目的地URL。因此，重要的是要選擇一個可靠的插件並明智地使用縮短的URL。

>

以上是為WordPress創建一個URL Shortener插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
相關文章
WordPress開發的5個最佳ID（以及原因）WordPress開發的5個最佳ID（以及原因）Mar 03, 2025 am 10:53 AM

我為WordPress開發選擇了正確的綜合開發環境（IDE）十年後，我探索了WordPress開發的眾多集成開發環境（IDE）。 純粹的品種 - 從免費到商業，基本到FEA

使用OOP技術創建WordPress插件使用OOP技術創建WordPress插件Mar 06, 2025 am 10:30 AM

本教程演示了使用面向對象的編程（OOP）原理構建WordPress插件，利用Dribbble API。 讓我們在保留原始含義和結構的同時完善文本以清晰和簡潔。 object-ori

如何將PHP數據和字符串傳遞給WordPress中的JavaScript如何將PHP數據和字符串傳遞給WordPress中的JavaScriptMar 07, 2025 am 09:28 AM

將PHP數據傳遞給JavaScript的最佳實踐：WP_LOCALIZE_SCRIPT和WP_ADD_INLINE_SCRIPT的比較是PHP文件中靜態字符串中數據存儲數據的最佳實踐。 如果在您的JavaScript代碼中需要此數據，請合併

如何使用WordPress插件嵌入和保護PDF文件如何使用WordPress插件嵌入和保護PDF文件Mar 09, 2025 am 11:08 AM

本指南演示瞭如何使用WordPress PDF插件在WordPress帖子和頁面中嵌入和保護PDF文件。 PDFS為從目錄到演示文稿提供了一種用戶友好的，普遍訪問的格式。 此方法ENS

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

顯示更多

熱門文章

R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫：如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險：如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間？
3 週前ByDDD
R.E.P.O.保存文件位置：在哪里以及如何保護它？
3 週前ByDDD
顯示更多

熱工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新（2018.2.1 ）專業的PHP整合開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

mPDF

mPDF

mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境，安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問，並防止學生使用未經授權的資源。

顯示更多

熱門話題

gmail信箱登陸入口在哪裡
7322
9
Java教學
1625
14
CakePHP 教程
1350
46
Laravel 教程
1262
25
PHP教程
1209
29
顯示更多