Créer un plugin de raccourcissement d'URL pour WordPress

Le raccourcissement de l'URL est une technique dans laquelle une URL est considérablement plus courte et se lie toujours à la page requise. Ceci est réalisé en utilisant une redirection sur un nom de domaine court, qui est lié à la page Web qui a l'URL plus longue.

Dans ce didacticiel, je vais vous montrer comment créer un plugin de raccourcissement d'URL pour WordPress à l'aide de l'API de raccourci URL de Google.

Les plats clés

• Le tutoriel fournit un guide étape par étape sur la façon de créer un plugin de raccourcissement d'URL pour WordPress à l'aide de l'API de raccourcissement URL de Google. Ce plugin peut être bénéfique pour les plates-formes avec des limites de caractère, des matériaux imprimés et des codes QR.
• Pour utiliser l'API de raccourcissement Google URL, une clé API est requise. Cette clé est utilisée par Google pour suivre votre application et peut être acquise via la console Google Developers.
• Le tutoriel explique également comment créer une page de paramètres pour le plugin où les administrateurs peuvent entrer la clé de l'API du raccourcissement URL. La touche API est stockée comme une option WordPress avec le nom URL-Shortener-Input-Field.
• Le plugin créé affiche l'URL raccourcie dans une méta-boîte dans l'écran de poste et en dessous de chaque message de l'avant. Il fonctionne de manière transparente avec le service Web Google URL Diskerner et ne demande pas une nouvelle URL à chaque fois, il le stocke à la place une fois qu'il est récupéré.

Raisons du raccourcissement des URL

Avant de commencer à construire un plugin de raccourcissement d'URL, voyons quelques exemples sur les raisons pour lesquelles nous pouvons avoir besoin de ce plugin:

• Sur Twitter et certains autres services de messagerie, il y a une limite au nombre de caractères qu'un message peut contenir. Donc, si vous envoyez de longues URL, elle occupera la majeure partie du message.
• Les livres imprimés ou la signalisation d'affichage utiliseront souvent des URL raccourcies car ils sont faciles à lire et à taper.
Les codes
• QR ont une limite de caractères. Les URL très longues ne correspondent pas, donc le raccourcissement de l'URL est requis.

Acquérir une clé API de raccourcissement Google URL

Pour utiliser l'API de raccourcissement Google URL, vous devrez acquérir une clé API. Cette clé API est utilisée par Google pour garder une trace de votre application.

Voici les étapes pour acquérir votre clé API:

• Visitez Google Developers Console.
• Sélectionnez un projet existant ou créez un nouveau.
• dans la barre latérale gauche, cliquez et développez les API et auth.
• Ensuite, cliquez sur API. Dans la liste des API, assurez-vous que le statut est en activité pour l'API de raccourcissement Google URL.
• Dans la barre latérale à gauche, sélectionnez les informations d'identification. Générez ensuite une clé d'accès public si vous ne l'avez pas déjà fait. Cette clé d'accès public est la clé API.

Répertoire des plugins et fichiers

Notre plugin contiendra un répertoire et un fichier. Voici la structure:

--url-shortener
      -url-shortener.php

Pour rendre le plugin instalable, nous mettons ce code dans le fichier URL-shortener.php:

--url-shortener
      -url-shortener.php

Créer une page de paramètres de plugin

Nous devons créer une page de paramètres pour notre plugin où l'administrateur peut saisir la touche API du raccourci URL. Voici le code pour créer une page de paramètres à l'aide de l'API des paramètres 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>

Nous stockons la touche API en tant qu'option WordPress avec le nom d'url-shortener-inter-champ.

C'est à quoi devrait ressembler la page Paramètres:

Un aperçu de l'API de raccourcissement Google URL

Pour raccourcir une longue URL, vous devez envoyer une demande de poste aux https://www.googleapis.com/urlshortener/v1/url URL avec votre clé API et votre longue URL.

Voici à quoi ressemble un exemple de demande:

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

voici la réponse de l'échantillon ressemble:

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

Remarque: vous ne pouvez pas envoyer plus d'un million de demandes en utilisant la même clé d'API en une journée.

Affichage d'une URL raccourcie dans une méta-boîte

Nous voulons afficher l'URL raccourcie dans une méta-boîte dans l'écran de poste d'édition. Pour créer une méta-boîte, nous utiliserons l'API Meta Box et pour le shortening URL, nous utiliserons l'API WordPress HTTP.

Voici le code pour afficher notre URL raccourcie dans une méta-boîte:

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

Voici comment fonctionne ce code:

• Nous avons créé une méta-boîte à l'aide de la fonction add_meta_box.
• Nous récupérons la longue URL du post à l'aide de la fonction get_permalink ().
• Ensuite, nous vérifions si nous avons déjà une URL courte de cette URL longue dans la base de données en tant qu'option WordPress. Sinon, nous le récupérons à l'aide de l'API HTTP et le stockons comme une option WordPress. Sinon, nous utilisons l'URL courte existante.
• Ce plugin joue bien avec le service Web Google URL Shorcener car il ne demande pas une nouvelle URL à chaque fois, mais il le stocke une fois qu'il est récupéré.

C'est à quoi ressemble la méta-boîte dans l'écran post-modification:

Affichage de l'URL courte dans le frontal

Nous voulons également afficher l'URL raccourcie sous chaque message. Voici le code pour faire exactement cela:

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

C'est ainsi que ce code fonctionne:

• Nous vérifions d'abord pour nous assurer que WordPress traite un message. S'il s'agit d'une page ou d'un type de message personnalisé, nous n'affichons pas l'URL courte. Cependant, si vous souhaitez l'afficher dans chaque page, supprimez les deux premières lignes du code de fonction.
• Ensuite, nous faisons tout de même que nous en affichant l'URL courte dans la méta-boîte. La seule différence est qu'au lieu de l'écho, nous le concaténuons au contenu du post.

voici à quoi il ressemble à l'avant:

Maintenant, nous avons fini de construire un plugin de raccourcissement URL génial pour WordPress!

Plugins de raccourcissement URL populaire dans le répertoire du plugin wordpress.org

Si vous souhaitez consulter les plugins existants, deux des plugins de raccourcisseurs URL les plus populaires dans le répertoire des plugins wordpress.org sont le raccourci URL et le raccourci URL WP.

URL WP Shorten utilise la réf.li pour raccourcir les URL. Ref.li fournit des statistiques en temps réel et d'autres informations sur le trafic de personnes visitant votre site via leur URL raccourcie.

Le plugin de raccourcissement URL vous permet de choisir entre bit.ly, su.pr, yourls, goo.gl et de nombreux autres services. Ce plugin peut également générer des codes QR.

Conclusion

Dans ce tutoriel, je vous ai montré comment créer facilement votre propre plugin de shortening URL. Vous pouvez maintenant aller de l'avant et développer cela pour ajouter plus de fonctionnalités telles que la prise en charge du code QR et utiliser d'autres services de raccourcissement d'URL. Veuillez partager votre expérience avec vos propres plugins ci-dessous.

Questions fréquemment posées (FAQ) sur la création d'un plugin de raccourcissement d'URL pour WordPress

Qu'est-ce qu'un plugin de raccourcissement d'URL et pourquoi en ai-je besoin pour mon site WordPress?

Un plugin de raccourcissement d'URL est un outil qui vous aide à créer des URL plus courtes et plus gérables pour vos messages et pages WordPress. Ces URL raccourcies sont plus faciles à partager sur les réseaux sociaux, dans les e-mails et dans d'autres plateformes. Ils rendent également vos liens plus propres et plus professionnels. Si vous avez un site WordPress avec des URL longues et complexes, un plugin de raccourcissement d'URL peut considérablement améliorer votre expérience utilisateur et votre référence En créant une version unique et plus courte de votre URL d'origine. Lorsqu'un utilisateur clique sur l'URL raccourcie, il est redirigé vers l'URL longue d'origine. Ce processus est transparent et n'affecte pas l'expérience de navigation de l'utilisateur. Le plugin suit également le nombre de clics sur l'URL raccourcie, fournissant des données précieuses pour vos efforts de marketing.

Puis-je personnaliser mes URL raccourcies?

Oui, la plupart des plugins raccourcis d'URL vous permettent de personnaliser vos URL raccourcies. Vous pouvez ajouter vos propres mots clés pour rendre les URL plus significatives et pertinentes. Cela rend non seulement vos URL plus faciles à retenir, mais améliore également votre référencement.

Est-il possible de restaurer le bouton «Get ShortLink» dans WordPress?

Oui, il est possible de restaurer le ' Obtenez le bouton ShortLink 'dans WordPress. Ce bouton a été supprimé dans WordPress 4.4, mais vous pouvez le ramener en utilisant un plugin ou en ajoutant un extrait de code aux fonctions de fonctions de votre thème. 🎜> Oui, il existe plusieurs plugins de raccourcissement URL gratuits disponibles pour WordPress. Certains des plus populaires incluent URL RFURIFF, Jolis liens et bitly. Ces plugins offrent des fonctionnalités de raccourcissement d'URL de base et sont un bon point de départ si vous êtes nouveau dans le raccourcissement de l'URL.

Comment puis-je suivre les performances de mes URL raccourcies?

La plupart des plugins de raccourcisseurs d'URL fournissent des fonctionnalités d'analyse qui vous permettent de suivre les performances de vos URL raccourcies. Vous pouvez voir combien de fois une URL a été cliquée, l'emplacement géographique des utilisateurs, les sources de référence, etc. Ces données peuvent vous aider à mieux comprendre votre public et à optimiser vos stratégies de marketing.

Puis-je utiliser un plugin de raccourcissement d'URL si je ne suis pas averti en technologie?

Absolument! La plupart des plugins de raccourcisseurs d'URL sont conçus pour être conviviaux et ne nécessitent aucune connaissance technique. Ils sont livrés avec des interfaces faciles à utiliser et des instructions détaillées. Si vous pouvez naviguer sur votre tableau de bord WordPress, vous pouvez utiliser un plugin de raccourcissement d'URL.

Un plugin de raccourcissement d'URL peut-il améliorer mon référencement?

Oui, un plugin de raccourcisseur d'URL peut améliorer votre référencement. Les URL raccourcies sont plus faciles pour les moteurs de recherche à ramper et à indexer. Ils améliorent également l'expérience utilisateur en rendant vos liens plus gérables et partageables, ce qui peut augmenter le classement de votre site dans les résultats des moteurs de recherche.

Puis-je utiliser un plugin de raccourcissement URL pour mes liens d'affiliation?

Oui , vous pouvez utiliser un plugin de raccourcissement URL pour vos liens d'affiliation. En fait, il est fortement recommandé. Les URL raccourcies sont plus propres et plus professionnelles, ce qui peut augmenter les taux de clics et les conversions. Certains plugins vous permettent également d'ajouter un attribut nofollow à vos liens d'affiliation, qui est bon pour le référence De nombreux avantages, il existe également des risques. Par exemple, si le serveur du plugin tombe en panne, vos URL raccourcies peuvent cesser de fonctionner. De plus, certains utilisateurs peuvent se méfier de cliquer sur les URL raccourcies car ils ne peuvent pas voir l'URL de destination. Par conséquent, il est important de choisir un plugin fiable et d'utiliser les URL raccourcies judicieusement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!