ホームページ > CMS チュートリアル > &#&プレス > WordPress用のURLショートナープラグインを作成します

WordPress用のURLショートナープラグインを作成します

Christopher Nolan
リリース: 2025-02-17 11:29:10
オリジナル
1018 人が閲覧しました

WordPress用のURLショートナープラグインを作成します

URL短縮は、URLの長さが大幅に短くなり、必要なページにリンクする手法です。これは、短いドメイン名でリダイレクトを使用することで達成されます。これは、より長いURLを持つWebページにリンクします。 このチュートリアルでは、GoogleのURL短縮APIを使用してWordPress用のURL短縮プラグインを作成する方法を紹介します。

キーテイクアウト

このチュートリアルでは、GoogleのURL短縮APIを使用してWordPress用のURL短縮プラグインを作成する方法に関するステップバイステップガイドを提供します。このプラグインは、文字制限、印刷物、QRコードを備えたプラットフォームに有益です。
    Google URL短縮APIを使用するには、APIキーが必要です。このキーは、Googleがアプリケーションを追跡するために使用しており、Google開発者コンソールを介して取得できます。
  • チュートリアルでは、管理者がURLショートナーAPIキーを入力できるプラグインの設定ページを作成する方法についても説明しています。 APIキーは、url-shortener-Input-fieldという名前のWordPressオプションとして保存されます。
  • 作成されたプラグインは、ポスト編集画面のメタボックスに短縮されたURLを表示し、フロントエンドのすべての投稿を表示します。 Google URL短縮Webサービスでシームレスに動作し、毎回新しいURLをリクエストせず、代わりに取得したら保存します。
  • URL短縮の理由
  • 理由
  • URL短縮プラグインの構築を開始する前に、このプラグインが必要な理由に関するいくつかの例を見てみましょう。
  • Twitterおよびその他のメッセージングサービスには、メッセージが含めることができる文字の数に制限があります。したがって、長いURLを送信すると、メッセージのほとんどが占有されます。
印刷された本やディスプレイ看板は、読みやすくて入力しやすいため、短縮URLを使用することがよくあります。

QRコードには文字制限があります。非常に長いURLが適合しないため、URLの短縮が必要です。

Google URL ShortEner APIキーの取得

Google URL短縮APIを使用するには、APIキーを取得する必要があります。このAPIキーは、Googleがアプリケーションを追跡するために使用しています。
    APIキーを取得するための手順:
  • Google Developers Consoleにアクセスしてください
  • 既存のプロジェクトを選択するか、新しいプロジェクトを作成します
  • 左側のサイドバーで、APIと認証をクリックして展開します。
  • 次に、APIをクリックします。 APIのリストで、Google URL短縮APIのステータスがオンになっていることを確認してください。 左側のサイドバーで、選択肢を選択します。次に、まだ持っていない場合は、パブリックアクセスキーを生成します。このパブリックアクセスキーはAPIキーです

プラグインのディレクトリとファイル

プラグインには、1つのディレクトリと1つのファイルが含まれます。構造は次のとおりです

プラグインをインストールできるようにするには、このコードをurl-shortener.phpファイルに配置します:

--url-shortener
      -url-shortener.php
ログイン後にコピー

プラグインの設定ページを作成

プラグインの[設定]ページを作成する必要があります。このページでは、管理者がURLショートナー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>
ログイン後にコピー
APIキーを、url-shortener-input-fieldという名前のWordPressオプションとして保存しています。

これは、設定ページのように見えるものです:

WordPress用のURLショートナープラグインを作成しますGoogle URLショートナーAPIの概要

長いURLを短くするには、https://www.googleapis.com/urlshortener/v1/url 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</span> 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</span> class<span>="wrap"</span>></span>
</span>         <span><span><span><h1</span>></span>URL Shortener Setting<span><span></h1</span>></span>
</span>  
         <span><span><span><form</span> method<span>="post"</span> action<span>="options.php"</span>></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></form</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>
ログイン後にコピー
注:同じAPIキーを1日で使用して100万件以上のリクエストを送信することはできません。

メタボックスに短縮されたURLを表示

<span>POST https://www.googleapis.com/urlshortener/v1/url
</span><span>Content-Type: application/json
</span>
<span>{"longUrl": "https://www.sitepoint.com/"}</span>
ログイン後にコピー
ポスト編集画面のメタボックスに短縮URLを表示します。メタボックスを作成するには、メタボックスAPIを使用し、URL短縮にはWordPress HTTP APIを使用します。

メタボックスに短縮されたURLを表示するコードを次に示します。

このコードの仕組みは次のとおりです

add_meta_box関数を使用してメタボックスを作成しました

get_permalink()関数を使用して、投稿の長いURLを取得しています。

次に、WordPressオプションとしてデータベースにこの長いURLの短いURLが既にあるかどうかを確認しています。そうでない場合は、HTTP APIを使用して取得し、WordPressオプションとして保存します。それ以外の場合は、既存の短いURLを使用します このプラグインは、毎回新しいURLをリクエストしないため、GoogleのURL短縮Webサービスでうまく再生され、代わりに検索したら保存します。

<span>{
</span> <span>"kind": "urlshortener#url",
</span> <span>"id": "http://goo.gl/fqsT",
</span> <span>"longUrl": "https://www.sitepoint.com/"
</span><span>}</span>
ログイン後にコピー
これは、編集後の画面でメタボックスがどのように見えるかです:

フロントエンドに短いURLを表示する
  • また、すべての投稿の下に短縮されたURLを表示する必要があります。それを行うためのコードは次のとおりです
  • これは、このコードの仕組みです:
  • 最初にWordPressが投稿を処理していることを確認するためにチェックしています。ページまたはカスタム投稿タイプの場合、短いURLは表示されません。ただし、すべてのページに表示する場合は、関数コードから最初の2行を削除します。
  • メタボックスに短いURLを表示しながら、すべてを行ったことをすべて実行しています。唯一の違いは、それをエコーする代わりに、それをポストコンテンツに連結していることです。
フロントエンドでどのように見えるか:

WordPress用のURLショートナープラグインを作成します WordPress用の素晴らしいURLショートナープラグインを構築することができました!

WordPress.orgプラグインディレクトリの人気のあるURLショートナープラグイン

既存のプラグインをチェックしたい場合、WordPress.orgプラグインディレクトリの最も人気のあるURLショートナープラグインの2つは、URLショートナーとWP URL短縮です。

wp url shortenはref.liを使用してURLを短くします。 Ref.liは、短縮されたURLを介してサイトにアクセスしている人々のリアルタイムの統計情報やその他のトラフィック情報を提供します。

url shortenerプラグインを使用すると、bit.ly、su.pr、yourls、goo.gl、その他多くのサービスを選択できます。このプラグインは、QRコードを生成することもできます。

結論

このチュートリアルでは、独自のURL短縮プラグインを簡単に構築する方法を紹介しました。これで先に進み、これを拡張して、QRコードサポートなどの機能を追加し、他のURL短縮サービスを使用することができます。以下の自分のプラグインであなたの経験を共有してください。

WordPress用のURLショートナープラグインの作成に関するよくある質問(FAQ) URLショートナープラグインとは何ですか?なぜWordPressサイトに必要なのか?これらの短縮URLは、ソーシャルメディア、電子メール、その他のプラットフォームで簡単に共有できます。また、リンクをよりクリーンでプロフェッショナルに見せます。長く複雑なURLを備えたWordPressサイトがある場合、URLショートナープラグインはユーザーエクスペリエンスとSEOを大幅に改善できます。元のURLのユニークで短いバージョンを作成します。ユーザーが短縮URLをクリックすると、元の長いURLにリダイレクトされます。このプロセスはシームレスであり、ユーザーのブラウジングエクスペリエンスには影響しません。プラグインは、短縮URLのクリック数を追跡し、マーケティング活動に貴重なデータを提供します。あなたの短縮されたURL。独自のキーワードを追加して、URLをより意味のある関連性にすることができます。これにより、URLが覚えやすくなるだけでなく、SEOも改善します。 WordPressでshortlink 'ボタンを取得します。このボタンはWordPress 4.4で削除されましたが、プラグインを使用するか、テーマのfunctions.phpファイルにコードスニペットを追加して戻すことができます。 🎜>はい、WordPressで利用可能な無料のURL短縮プラグインがいくつかあります。人気のあるものには、URL短編、きれいなリンク、Bitlyが含まれます。これらのプラグインは、基本的なURL短縮機能を提供し、URLの短縮を初めて使用する場合は良い出発点です。

短縮URLのパフォーマンスを追跡するにはどうすればよいですか?

ほとんどのURL短縮プラグインは、短縮URLのパフォーマンスを追跡できる分析機能を提供します。 URLが何回クリックされたか、ユーザーの地理的位置、紹介ソースなどを確認できます。このデータは、視聴者をよりよく理解し、マーケティング戦略を最適化するのに役立ちます。

技術に精通していない場合はURLショートナープラグインを使用できますか?ほとんどのURL短縮プラグインは、ユーザーフレンドリーになるように設計されており、技術的な知識は必要ありません。使いやすいインターフェイスと詳細な指示が付属しています。 WordPressダッシュボードをナビゲートできれば、URLショートナープラグインを使用できます。

URLショートナープラグインは私のSEOを改善できますか? URLの短縮は、検索エンジンがクロールしてインデックスを作成する方が簡単です。また、リンクをより管理しやすく共有しやすくすることでユーザーエクスペリエンスを向上させます。これにより、検索エンジンの結果でのサイトのランキングを高めることができます。 、アフィリエイトリンクにURLショーナープラグインを使用できます。実際、強くお勧めします。短縮されたURLはよりクリーナーでよりプロフェッショナルに見え、クリックスルーレートとコンバージョンを増加させる可能性があります。一部のプラグインを使用すると、アフィリエイトリンクにnofollow属性を追加することもできます。これはSEOに適しています。多くの利点があり、いくつかのリスクもあります。たとえば、プラグインのサーバーがダウンした場合、短縮されたURLが動作を停止する可能性があります。また、一部のユーザーは、宛先URLが表示されないため、短縮URLをクリックすることに慎重になる場合があります。したがって、信頼できるプラグインを選択し、短縮URLを慎重に使用することが重要です。

以上がWordPress用のURLショートナープラグインを作成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート