Buat plugin Shortener URL untuk WordPress

Pemendekan URL adalah teknik di mana URL dibuat jauh lebih pendek dan masih menghubungkan ke halaman yang diperlukan. Ini dicapai dengan menggunakan redirect pada nama domain yang pendek, yang menghubungkan ke laman web yang mempunyai url yang lebih panjang.

Dalam tutorial ini, saya akan menunjukkan kepada anda bagaimana untuk membuat plugin pemendekan URL untuk WordPress menggunakan API Pemendek URL Google.

Takeaways Key

Tutorial menyediakan panduan langkah demi langkah mengenai cara membuat plugin pemendekan URL untuk WordPress menggunakan API Pemendek URL Google. Plugin ini boleh memberi manfaat kepada platform dengan had aksara, bahan bercetak, dan kod QR.
Untuk menggunakan API Shortener URL Google, kunci API diperlukan. Kunci ini digunakan oleh Google untuk menjejaki aplikasi anda dan boleh diperoleh melalui Konsol Pemaju Google.
Tutorial juga menerangkan cara membuat halaman tetapan untuk plugin di mana pentadbir boleh memasukkan kunci API Pemendek URL. Kunci API disimpan sebagai pilihan WordPress dengan nama-shortener-input-field nama.
Plugin yang dibuat memaparkan URL yang dipendekkan dalam kotak meta dalam skrin Edit Pos dan di bawah setiap jawatan di hujung depan. Ia berfungsi dengan lancar dengan Perkhidmatan Web Pemendapan URL Google dan tidak meminta URL baru setiap kali, sebaliknya, ia menyimpannya sebaik sahaja ia diambil.

Sebab untuk pemendekan URL

sebelum kita mula membina plugin pemendekan URL mari kita lihat beberapa contoh mengapa kita memerlukan plugin ini:

Di Twitter dan beberapa perkhidmatan pemesejan lain terdapat had untuk bilangan aksara yang boleh dimiliki oleh mesej. Jadi jika anda menghantar URL panjang maka ia akan menduduki sebahagian besar mesej.
buku bercetak atau papan tanda paparan sering menggunakan URL yang dipendekkan kerana mereka mudah dibaca dan ditaip.
kod QR mempunyai had aksara. URL yang sangat panjang tidak sesuai, oleh itu pemendekan URL diperlukan.

Memperolehi Kunci API Pemendekkan URL Google

Untuk menggunakan API Shortener URL Google, anda perlu memperoleh kunci API. Kunci API ini digunakan oleh Google untuk menjejaki aplikasi anda.

Berikut adalah langkah -langkah untuk memperoleh kunci API anda:

Lawati Konsol Pemaju Google.
Pilih projek yang sedia ada atau buat yang baru.
di bar sisi kiri, klik dan mengembangkan API & AUTH.
Seterusnya, klik API. Dalam senarai API, pastikan status dihidupkan untuk API Shortener URL Google.
Di bar sisi di sebelah kiri, pilih kelayakan. Kemudian menghasilkan kunci akses awam jika anda belum melakukannya. Kunci akses awam ini adalah kunci API.

Direktori dan Fail Plugin

Plugin kami akan mengandungi satu direktori dan satu fail. Inilah struktur:

--url-shortener
      -url-shortener.php

Untuk membuat plugin dipasang, kami meletakkan kod ini dalam fail url-shortener.php:

--url-shortener
      -url-shortener.php

Buat halaman Tetapan Plugin

kita perlu membuat halaman tetapan untuk plugin kami di mana Pentadbir boleh memasuki kunci API Shortener URL. Berikut adalah kod untuk membuat halaman tetapan menggunakan API Tetapan WordPress:

<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>

Kami menyimpan kunci API sebagai pilihan WordPress dengan nama-shortener-input-field nama.

inilah halaman tetapan yang sepatutnya kelihatan seperti:

Gambaran keseluruhan API Shortener URL Google

Untuk memendekkan URL yang panjang, anda perlu menghantar permintaan pos ke https://www.googleapis.com/urlshortener/v1/url URL dengan URL API dan URL Long anda.

inilah permintaan sampel seperti:

<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>

inilah tindak balas sampel yang kelihatan seperti:

<span>POST https://www.googleapis.com/urlshortener/v1/url
</span><span>Content-Type: application/json
</span>
<span>{"longUrl": "https://www.sitepoint.com/"}</span>

Nota: Anda tidak boleh menghantar lebih daripada 1 juta permintaan menggunakan kunci API yang sama dalam sehari.

memaparkan URL yang dipendekkan dalam kotak meta

kami mahu memaparkan URL yang dipendekkan dalam kotak meta dalam skrin Edit Pos. Untuk membuat kotak meta, kami akan menggunakan API Meta Box dan untuk pemendekan URL kami akan menggunakan API WordPress HTTP.

Berikut adalah kod untuk memaparkan URL yang dipendekkan kami dalam kotak meta:

<span>{
</span> <span>"kind": "urlshortener#url",
</span> <span>"id": "http://goo.gl/fqsT",
</span> <span>"longUrl": "https://www.sitepoint.com/"
</span><span>}</span>

inilah cara kod ini berfungsi:

• kami membuat kotak meta menggunakan fungsi add_meta_box.
• Kami mengambil semula URL panjang jawatan menggunakan fungsi get_permalink ().
• Kemudian, kita periksa sama ada kita sudah mempunyai URL pendek URL panjang ini dalam pangkalan data sebagai pilihan WordPress. Jika tidak, maka kami mengambilnya menggunakan API HTTP dan menyimpannya sebagai pilihan WordPress. Jika tidak, kami menggunakan url pendek yang sedia ada.
• Plugin ini memainkan dengan baik dengan Perkhidmatan Web Pemendapan URL Google kerana ia tidak meminta URL baru setiap kali, sebaliknya ia menyimpannya apabila ia diambil.

inilah yang kelihatan seperti kotak meta dalam skrin edit pos:

memaparkan URL pendek di hujung depan

Kami juga ingin memaparkan URL yang dipendekkan di bawah setiap jawatan. Inilah kod untuk melakukannya:

<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>

ini adalah bagaimana kod ini berfungsi:

• Kami mula -mula memeriksa untuk memastikan WordPress memproses jawatan. Jika ia adalah halaman atau jenis pos tersuai, maka kami tidak memaparkan URL pendek. Walau bagaimanapun, jika anda ingin memaparkannya dalam setiap halaman maka keluarkan dua baris pertama dari kod fungsi.
• Kemudian kami melakukan segala -galanya seperti yang kami lakukan semasa memaparkan URL pendek dalam kotak meta. Satu -satunya perbezaan adalah bahawa bukannya mengulanginya, kita menggabungkannya dengan kandungan pos.

inilah bagaimana ia kelihatan di hujung depan:

Sekarang kami selesai dengan membina plugin Shortener URL yang hebat untuk WordPress!

Plugin Plugin Plugin Plugin WordPress.org Popular

Jika anda ingin menyemak plugin sedia ada, dua plugin pemendek URL yang paling popular di direktori plugin WordPress.org adalah pemendekkan URL dan URL WP dipendekkan.

WP URL Shorten menggunakan ref.li untuk memendekkan URL. Ref.li menyediakan statistik masa nyata dan maklumat lalu lintas lain orang yang melawat laman web anda melalui url yang dipendekkan.

Plugin Shortener URL membolehkan anda memilih antara bit.ly, su.pr, yourls, goo.gl dan banyak perkhidmatan lain. Plugin ini juga boleh menjana kod QR.

Kesimpulan

Dalam tutorial ini, saya telah menunjukkan kepada anda bagaimana untuk membina plugin pemendekan URL anda dengan mudah. Anda kini boleh meneruskan dan mengembangkan ini untuk menambah lebih banyak ciri seperti sokongan kod QR dan menggunakan perkhidmatan pemendekan URL yang lain. Sila kongsi pengalaman anda dengan plugin anda sendiri di bawah.

Soalan Lazim (Soalan Lazim) Mengenai Membuat Plugin Shortener URL Untuk WordPress

Apakah plugin Shortener URL dan mengapa saya memerlukannya untuk laman WordPress saya? URL yang dipendekkan ini lebih mudah untuk dikongsi di media sosial, dalam e -mel, dan platform lain. Mereka juga membuat pautan anda kelihatan lebih bersih dan lebih profesional. Sekiranya anda mempunyai laman web WordPress dengan URL yang panjang dan kompleks, plugin Shortener URL dapat meningkatkan pengalaman pengguna dan SEO. Dengan mencipta versi yang unik dan lebih pendek dari URL asal anda. Apabila pengguna mengklik pada URL yang dipendekkan, mereka diarahkan ke URL lama yang asal. Proses ini lancar dan tidak menjejaskan pengalaman pelayaran pengguna. Plugin juga menjejaki bilangan klik pada URL yang dipendekkan, memberikan data yang berharga untuk usaha pemasaran anda. URL anda yang dipendekkan. Anda boleh menambah kata kunci anda sendiri untuk menjadikan URL lebih bermakna dan relevan. Ini bukan sahaja menjadikan URL anda lebih mudah diingat tetapi juga meningkatkan SEO anda. Dapatkan butang Shortlink 'di WordPress. Butang ini telah dikeluarkan di WordPress 4.4 tetapi anda boleh membawanya kembali dengan menggunakan plugin atau menambah coretan kod ke fail fungsi.php tema anda. 🎜> Ya, terdapat beberapa plugin pemendekan URL percuma yang tersedia untuk WordPress. Sebahagian daripada yang popular termasuk URL pendek, pautan cantik, dan sedikit. Plugin ini menawarkan ciri -ciri pemendekan URL asas dan merupakan titik permulaan yang baik jika anda baru untuk memendekkan URL.

Bagaimanakah saya dapat mengesan prestasi URL yang dipendekkan saya? Anda dapat melihat berapa kali URL telah diklik, lokasi geografi pengguna, sumber rujukan, dan banyak lagi. Data ini dapat membantu anda memahami penonton anda dengan lebih baik dan mengoptimumkan strategi pemasaran anda. Kebanyakan plugin pemendek URL direka untuk mesra pengguna dan tidak memerlukan pengetahuan teknikal. Mereka datang dengan antara muka yang mudah digunakan dan arahan terperinci. Jika anda boleh menavigasi papan pemuka WordPress anda, anda boleh menggunakan plugin Shortener URL. URL yang dipendekkan lebih mudah untuk enjin carian untuk merangkak dan indeks. Mereka juga meningkatkan pengalaman pengguna dengan membuat pautan anda lebih mudah diurus dan boleh dikongsi, yang dapat meningkatkan kedudukan tapak anda dalam hasil enjin carian. , anda boleh menggunakan plugin Shortener URL untuk pautan afiliasi anda. Malah, ia sangat disyorkan. URL yang dipendekkan kelihatan lebih bersih dan lebih profesional, yang boleh meningkatkan kadar klik dan penukaran. Sesetengah plugin juga membolehkan anda menambah atribut Nofollow ke pautan afiliasi anda, yang baik untuk SEO. Banyak faedah, terdapat juga beberapa risiko. Sebagai contoh, jika pelayan plugin turun, URL yang dipendekkan anda boleh berhenti berfungsi. Juga, sesetengah pengguna mungkin berhati -hati untuk mengklik pada URL yang dipendekkan kerana mereka tidak dapat melihat URL destinasi. Oleh itu, penting untuk memilih plugin yang boleh dipercayai dan menggunakan URL yang dipendekkan dengan bijak.

Atas ialah kandungan terperinci Buat plugin Shortener URL untuk WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!