WordPress 용 URL 쇼트너 플러그인을 만듭니다

URL 단축은 URL의 길이가 상당히 짧아지고 여전히 필요한 페이지로 연결되는 기술입니다. 이것은 짧은 도메인 이름의 리디렉션을 사용하여 달성됩니다.이 도메인 이름은 URL이 더 긴 웹 페이지에 연결됩니다. 이 튜토리얼에서는 Google의 URL Shortener API를 사용하여 WordPress 용 URL 단축 플러그인을 만드는 방법을 보여줍니다.

키 테이크 아웃

튜토리얼은 Google의 URL Shortener API를 사용하여 WordPress 용 URL 단축 플러그인을 만드는 방법에 대한 단계별 안내서를 제공합니다. 이 플러그인은 문자 제한, 인쇄물 및 QR 코드가있는 플랫폼에 도움이 될 수 있습니다. Google URL Shortener API를 사용하려면 API 키가 필요합니다. 이 키는 Google에서 응용 프로그램을 추적하는 데 사용되며 Google 개발자 콘솔을 통해 얻을 수 있습니다. 튜토리얼은 관리자가 URL Shortener API 키를 입력 할 수있는 플러그인의 설정 페이지를 작성하는 방법을 설명합니다. API 키는 URL-Shortener-input-field라는 이름의 WordPress 옵션으로 저장됩니다. 생성 된 플러그인은 Post Edit 화면의 메타 상자에 단축 된 URL을 표시하고 프론트 엔드의 모든 게시물 아래에 표시됩니다. Google URL Shortener Web Service와 완벽하게 작동하며 매번 새 URL을 요청하지 않고 검색되면 저장합니다.

URL 단축의 이유 URL 단축 플러그인 구축을 시작하기 전에이 플러그인이 필요한 이유에 대한 몇 가지 예를 보자. 트위터 및 기타 메시징 서비스에는 메시지가 포함 할 수있는 문자 수에 제한이 있습니다. 따라서 긴 URL을 보내면 대부분의 메시지를 차지하게됩니다.

인쇄 된 책이나 디스플레이 간판은 종종 읽기 쉽고 입력하기 쉽기 때문에 단축 URL을 사용합니다. QR 코드에는 문자 제한이 있습니다. 매우 긴 URL이 맞지 않으므로 URL의 단축이 필요합니다.

Google URL Shortener API 키 수집 Google URL Shortener API를 사용하려면 API 키를 획득해야합니다. 이 API 키는 Google에서 응용 프로그램을 추적하는 데 사용됩니다. API 키를 얻는 단계는 다음과 같습니다
• Google 개발자 콘솔을 방문하십시오. 기존 프로젝트를 선택하거나 새 프로젝트를 작성하십시오 왼쪽 사이드 바에서 APIS & AUTD를 클릭하고 확장하십시오. 다음, API를 클릭하십시오. API 목록에서 Google URL Shortener API의 상태가 켜져 있는지 확인하십시오. 왼쪽의 사이드 바에서 자격 증명을 선택하십시오. 그런 다음 아직 공개 액세스 키를 생성하십시오. 이 공개 액세스 키는 API 키입니다
플러그인 디렉토리 및 파일 우리 플러그인에는 하나의 디렉토리와 하나의 파일이 포함됩니다. 구조는 다음과 같습니다.
• 플러그인을 설치할 수있게하려면이 코드를 url-shortener.php 파일에 넣습니다.

  --url-shortener
        -url-shortener.php
  

  플러그인 설정 페이지를 만듭니다 관리자가 URL Shortener API 키를 입력 할 수있는 플러그인의 설정 페이지를 작성해야합니다. WordPress 설정 API를 사용하여 설정 페이지를 작성하는 코드는 다음과 같습니다.

  우리는 API 키를 URL-Shortener-input-field라는 이름의 WordPress 옵션으로 저장하고 있습니다.

  이것은 설정 페이지의 모습입니다 :

  Google URL Shortener API의 개요 긴 URL을 단축하려면 API 키와 긴 URL을 사용하여 https://www.googleapis.com/urlshortener/v1/url url에 게시물 요청을 보내야합니다. 샘플 요청의 모습은 다음과 같습니다

  <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 키를 사용하여 1 백만 명 이상의 요청을 보낼 수 없습니다. 메타 상자에 단축 된 URL을 표시하는 게시물 편집 화면의 메타 상자에 단축 URL을 표시하려고합니다. 메타 상자를 만들려면 메타 박스 API를 사용하고 URL 단축에는 WordPress HTTP API를 사용합니다. 메타 상자에 단축 URL을 표시하는 코드는 다음과 같습니다. <p> <this>이 코드가 작동하는 방법은 다음과 같습니다 </this></p> <met> 우리는 add_meta_box 함수를 사용하여 메타 상자를 만들었습니다 <ie> 우리는 get_permalink () 함수를 사용하여 게시물의 긴 URL을 검색합니다. 그런 다음, 우리는 이미 데이터베이스에 WordPress 옵션 으로이 긴 URL의 짧은 URL이 있는지 확인하고 있습니다. 그렇지 않다면 HTTP API를 사용하여 검색하여 WordPress 옵션으로 저장합니다. 그렇지 않으면 기존의 짧은 URL을 사용합니다 이 플러그인은 매번 새 URL을 요청하지 않기 때문에 Google URL Shortener 웹 서비스와 잘 놀립니다. 대신 검색되면 저장합니다. <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173976295240605.png" class="lazy" alt="WordPress 용 URL 쇼트너 플러그인을 만듭니다" > <the> 이것은 포스트 편집 화면에서 메타 박스의 모습입니다 : <h2> <short> 프런트 엔드에 짧은 URL을 표시 <to> 우리는 또한 모든 게시물 아래에 단축 된 URL을 표시하려고합니다. 바로 그 일을하는 코드는 다음과 같습니다. <p> </p> <this> 이것은이 코드가 작동하는 방식입니다 : <p> <check> 우리는 먼저 WordPress가 게시물을 처리하고 있는지 확인하고 있습니다. 페이지 또는 사용자 정의 게시물 유형 인 경우 짧은 URL을 표시하지 않습니다. 그러나 모든 페이지에 표시하려면 함수 코드에서 처음 두 줄을 제거합니다. 그런 다음 메타 상자에 짧은 URL을 표시하면서 우리와 같은 모든 일을하고 있습니다. 유일한 차이점은 반향하는 대신 게시물 내용에 연결하고 있다는 것입니다. </check></p> <it> 여기에 프론트 엔드에서 어떻게 보이는지 <pre class="brush:php;toolbar:false">&lt;span&gt;&lt;span&gt;&lt;?php &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;function url_shortener_settings_page() &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;{ &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;add_settings_section(&quot;section&quot;, &quot;Enter Key Details&quot;, null, &quot;url-shortener&quot;); &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;add_settings_field(&quot;url-shortener-input-field&quot;, &quot;API Key&quot;, &quot;url_shortener_input_field_display&quot;, &quot;url-shortener&quot;, &quot;section&quot;); &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;register_setting(&quot;section&quot;, &quot;url-shortener-input-field&quot;); &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;} &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;function url_shortener_input_field_display() &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;{ &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;?&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;input&lt;/span&gt; type&lt;span&gt;=&quot;text&quot;&lt;/span&gt; name&lt;span&gt;=&quot;url-shortener-input-field&quot;&lt;/span&gt; value&lt;span&gt;=&quot;&lt;span&gt;&lt;?php echo get_option('url-shortener-input-field'); ?&gt;&lt;/span&gt;&quot;&lt;/span&gt; /&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;?php &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;} &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;add_action(&quot;admin_init&quot;, &quot;url_shortener_settings_page&quot;); &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;function url_shortener_page() &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;{ &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;?&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;div&lt;/span&gt; class&lt;span&gt;=&quot;wrap&quot;&lt;/span&gt;&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;h1&lt;/span&gt;&gt;&lt;/span&gt;URL Shortener Setting&lt;span&gt;&lt;span&gt;&lt;/h1&lt;/span&gt;&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;form&lt;/span&gt; method&lt;span&gt;=&quot;post&quot;&lt;/span&gt; action&lt;span&gt;=&quot;options.php&quot;&lt;/span&gt;&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;?php &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;settings_fields(&quot;section&quot;); &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;do_settings_sections(&quot;url-shortener&quot;); &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;submit_button(); &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;?&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/form&lt;/span&gt;&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/div&lt;/span&gt;&gt;&lt;/span&gt; &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;?php &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;} &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;function menu_item() &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;{ &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;span&gt;add_submenu_page(&quot;options-general.php&quot;, &quot;URL Shortener&quot;, &quot;URL Shortener&quot;, &quot;manage_options&quot;, &quot;url-shortener&quot;, &quot;url_shortener_page&quot;); &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;} &lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;add_action(&quot;admin_menu&quot;, &quot;menu_item&quot;);&lt;/span&gt;&lt;/span&gt;</pre> <done> 이제 우리는 WordPress 용 멋진 URL 쇼트너 플러그인을 만들었습니다!WordPress.org 플러그인 디렉토리의 널리 알려진 URL 쇼트너 플러그인 <like> 기존 플러그인을 확인하려면 WordPress.org 플러그인 디렉토리에서 가장 인기있는 URL 쇼트너 플러그인 중 두 가지가 URL Shortener 및 WP URL Shorten입니다. <l> wp url shorten은 ref.li를 사용하여 URL을 단축합니다. ref.li는 단축 된 URL을 통해 사이트를 방문하는 사람들의 실시간 통계 및 기타 교통 정보를 제공합니다. <ener ener> URL 쇼트너 플러그인을 사용하면 bit.ly, su.pr, yourls, goo.gl 및 기타 여러 서비스 중에서 선택할 수 있습니다. 이 플러그인은 QR 코드를 생성 할 수도 있습니다. <h2> </h2> 결론 이 튜토리얼에서는 자신의 URL 단축 플러그인을 쉽게 빌드하는 방법을 보여주었습니다. 이제 QR 코드 지원과 같은 더 많은 기능을 추가하고 다른 URL 단축 서비스를 사용할 수 있도록이를 확장 할 수 있습니다. 아래의 플러그인과 경험을 공유하십시오 <questions> WordPress 용 URL 쇼트너 플러그인 생성에 대한 자주 묻는 질문 (FAQ) <ur> URL 쇼트너 플러그인이란 무엇이며 WordPress 사이트에 필요한 이유는 무엇입니까? <p> URL 쇼트너 플러그인은 WordPress 게시물 및 페이지에 더 짧고 관리하기 쉬운 URL을 만드는 데 도움이되는 도구입니다. 이러한 단축 URL은 소셜 미디어, 이메일 및 기타 플랫폼에서 공유하기가 더 쉽습니다. 또한 링크를 더 깨끗하고 전문적으로 보이게 만듭니다. 길고 복잡한 URL이있는 WordPress 사이트가있는 경우 URL Shortener 플러그인은 사용자 경험과 SEO를 크게 향상시킬 수 있습니다. URL 쇼트너 플러그인은 어떻게 작동합니까? </p> URL 쇼트너 플러그인이 작동합니다. 원래 URL의 독특하고 짧은 버전을 만들어 사용자가 단축 된 URL을 클릭하면 원래 긴 URL로 리디렉션됩니다. 이 프로세스는 원활하며 사용자의 탐색 경험에 영향을 미치지 않습니다. 플러그인은 또한 단축 된 URL의 클릭 수를 추적하여 마케팅 노력을위한 유용한 데이터를 제공합니다. <p> 단축 된 URL을 사용자 정의 할 수 있습니까? </p> 예, 대부분의 URL Shortener 플러그인은 사용자 정의 할 수 있습니다. 단축 된 URL. 자신의 키워드를 추가하여 URL을보다 의미 있고 관련성있게 만들 수 있습니다. 이것은 URL을 쉽게 기억할 수있을뿐만 아니라 SEO를 향상시킬뿐만 아니라 WordPress에서 'shortlink get'버튼을 복원 할 수 있습니까? <p> </p> 예, 복원 할 수 있습니다. WordPress에서 ShortLink '버튼을 가져옵니다. 이 버튼은 WordPress 4.4에서 제거되었지만 플러그인을 사용하거나 테마 기능에 코드 스 니펫을 추가하여 다시 가져올 수 있습니다. 🎜> 예, WordPress에 사용할 수있는 몇 가지 무료 URL 단축 플러그인이 있습니다. 인기있는 것 중 일부에는 URL 단축, 예쁜 링크 및 비트가 포함됩니다. 이 플러그인은 기본 URL 단축 기능을 제공하며 URL 단축을 처음 접하는 경우 좋은 출발점입니다.<track> 단축 URL의 성능을 추적하려면 어떻게해야합니까? <h3> 대부분의 URL 쇼트너 플러그인은 단축 URL의 성능을 추적 할 수있는 분석 기능을 제공합니다. URL이 클릭 한 횟수, 사용자의 지리적 위치, 추천 소스 등을 볼 수 있습니다. 이 데이터는 청중을 더 잘 이해하고 마케팅 전략을 최적화하는 데 도움이 될 수 있습니다. </h3> 기술에 정통하지 않은 경우 URL 쇼트너 플러그인을 사용할 수 있습니까? 대부분의 URL 쇼트너 플러그인은 사용자 친화적이며 기술적 지식이 필요하지 않도록 설계되었습니다. 사용하기 쉬운 인터페이스와 자세한 지침이 제공됩니다. WordPress 대시 보드를 탐색 할 수 있다면 URL 쇼트너 플러그인을 사용할 수 있습니다. <p> URL 쇼트너 플러그인이 내 SEO를 향상시킬 수 있습니까? </p> <h3> 예, URL 쇼트너 플러그인이 SEO를 향상시킬 수 있습니다. 검색 엔진이 크롤링 및 인덱스가 더 쉬워지면 단축 URL이 더 쉽습니다. 또한 검색 엔진 결과에서 사이트의 순위를 높일 수있는 링크를보다 관리 가능하고 공유 할 수있게하여 사용자 경험을 향상시킵니다. </h3> 제휴사 링크에 URL 쇼트너 플러그인을 사용할 수 있습니까? </track></ur></questions></ener></l></like></done></it></this></to></short> </h2></the></ie></met>

  예. , 제휴사 링크에 URL 쇼트너 플러그인을 사용할 수 있습니다. 실제로, 그것은 적극 권장됩니다. 단축 된 URL은 더 깨끗하고 전문적으로 보이며 클릭률과 전환을 증가시킬 수 있습니다. 일부 플러그인은 또한 제휴사 링크에 nofollow 속성을 추가 할 수 있습니다. SEO에 적합합니다.

  URL Shortener 플러그인 사용과 관련된 위험이 있습니까?

  URL Shortener 플러그인이 제공하는 동안 많은 혜택으로 몇 가지 위험이 있습니다. 예를 들어, 플러그인의 서버가 줄어들면 단축 된 URL이 작동을 멈출 수 있습니다. 또한 일부 사용자는 대상 URL을 볼 수 없기 때문에 단축 URL을 클릭하는 데주의를 기울일 수 있습니다. 따라서 신뢰할 수있는 플러그인을 선택하고 신중하게 단축 된 URL을 사용하는 것이 중요합니다.

위 내용은 WordPress 용 URL 쇼트너 플러그인을 만듭니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!