解決!チャットワークのシェアボタンとEightのシェアボタンで日本語URLの記事がエンコードできなかった件。方へオンライン講座PR記事についてお問い合わせ複数の「スマホ決済(QRコード決済)」を一括導入できる店舗向けサービスまとめホームブログ解決!チャットワークのシェアボタンとEightのシェアボタンで日本語URLの記事がエンコードできなかった件。0スポンサーリンクチャットワークの公式シェアボタンと名刺アプリEightの公式シェアボタンを実装したという記事を公開して、どちらでも「日本語URLがエンコードされない問題」があることを書きました。その後、お世話になっている株式会社再喜動の中島さんがEightでシェアしてくださり、Eightの方が調査してくれるとの流れになりました。自分でなんとかならないのかと調べて、あれこれと試してみたところ、問題解決できたのでシェアしておきます。今回はシェアボタンの仕組みやphpが多少わかる方向けなので細かい解説はしません。記事URLの読み込み方が間違っていたWordPressで記事の日本語URLをエンコードして読み込む必要があるWEBマスターの手帳はWordPressで作られています。シェアボタンでは「シェアするURL」を指定する必要があります。各記事にシェアボタンを設置するには、phpを利用して動的に、その記事URLを読み込む必要があるわけです。この時に日本語URLでなければ、チャットワークのシェアボタンもEightのシェアボタンも何の問題もなくシェアすることができます。WEBマスターの手帳では日本語URLを使っています。これが今回の問題の根源です。日本語URLをリンク先などに指定する場合は日本語URLをエンコードと呼ばれる英数字に変換する必要があります。(日本語部分をそのまま書いても認識されません)つまりシェアボタンでも記事URLがエンコードされずに日本語のまま読み込まれるとURLとして正しく表示されないわけです。日本語URLをエンコードの例エンコード前の日本語URL↓homepage-reborn.com/2016/08/09/名刺アプリ「eight」の公式シェアボタンを実装しま/エンコード後の日本語URL↓https://homepagereborn.com/2016/08/09/%E5%90%8D%E5%88%BA%E3%82%A2%E3%83%97%E3%83%AA%E3%80%8Ceight%E3%80%8D%E3%81%AE%E5%85%AC%E5%BC%8F%E3%82%B7%E3%82%A7%E3%82%A2%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%97%E3%81%BE/このエンコード後のURLが長くなるので嫌がる人もいます。記事URLの読み込み方が間違っていたWordPressで記事のURLを表示するには、一般的に以下のphpタグを使います。?>記事のリンク先として使うこともできます。?>">リンク</a>Facebookやはてブのシェアボタンをオリジナルデザインで実装する場合に、このphpタグをシェアするURLの指定に使っても機能します。チャットワークの公式シェアボタンも、Eightの公式シェアボタンも、このphpタグを使うと正しくURLが読み込まれないようで、シェアする際に正しい表示になりません。そこでTwitterのシェアボタンで使用している、以下のphpタグを使ってみましたが、それでもうまく表示されませんでした。?>あれこれと調べて最終的に辿り着いた解答が以下のphpコードです。このコードをURLの指定に入れたところ、日本語URLが正しくエンコードされました。urlencode($url);?>やっとチャットワークのシェアボタンもEightのシェアボタンもシェアボタンとして正しく機能するようになりました!やっぱり自分で試行錯誤して解決するのが、他の人の手を煩わせなくて済むし、解決する最速の手段かもしれない。名刺アプリ「Eight」の公式シェアボタンを実装しました。株式会社SMLのWebマスターを経て独立。現在は小規模企業のWeb担当者&Webマーケター業務の代行や企業研修の講師をしています。ゴルフ、乃木坂46、ウォーキングにハマってます。記事URLの読み込み方が間違っていた同じカテゴリーの人気記事1Facebookで穏便に友達を外す(距離をおく)4つの方法2YouTubeの検索履歴と再生履歴を削除する方法(iPhone&PC)3スマホでFacebookで友達以外の人からメッセージリクエストが届くとデカデカと表示された!ブログの記事一覧WEBマスターの手帳とはフリーランスのWebマーケター兼Web担当者として、中小企業のWebマーケティングやWebサイト管理運用、SNSアカウントの管理運用の代行をしている遠藤のオウンドメディアです。Webマーケティングやソーシャルメディアマーケティング、SNSマーケティングに関連する情報を投稿しています。ご訪問の方は「初めての方へ」をご参照ください。運営者について」をご参照ください。PinterestWebマーケティングやソーシャルメディアマーケティングをわかりやすく解説するWebメディア。