ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい

  • このトピックには15件の返信、2人の参加者があり、最後にみきにより9年、 5ヶ月前に更新されました。
15件の返信スレッドを表示中
  • 投稿者
    投稿
    • #47856
      匿名
      ゲスト

      はじめまして。初めてのブログ運営でSimplicity2を使わせて頂いてる者です。初心者でもわかりやすく使いやすく、なによりこうしたヘルプフォーラムが充実しているということに感動しています。

      さて、質問内容は上記の通りですが、よくツイッターで流れてくる「〇〇〇〇〇(記事名) – 〇〇〇(ブログ名)」を再現したいということで、過去のトピック

      Twitterシェア時の「via」にアカウント名の他に、ブログタイトルを追加したい

      そして

      Twitterシェア時の文字列をOGPタイトルにする方法

      を読みましたが、残念ながらよく理解できず、改めて質問させて頂きました。また、ワードプレスのテーマは違いますが以下の記事

      [Stinger5] デフォルトのツイートボタンからブログ名を含めて投稿する

      を読み、この記事にあるコードをSimplicityの「sns-buttons-default.php」から探し出し、この記事と同じような手順でハイフンと自身のブログ名を入れphpを更新しましたが、クロームのキャッシュ等を削除しても結果がうまく反映されませんでした。

      sns-buttons-default.phpの「data-text=”<?php the_title(); ?>”」の部分をいじったわけですが、いじるところが間違っているのでしょうか?それか他の方法が?どうすればツイッターシェア時に「記事名+ブログ名+URL」とすることができるのでしょうか?

      そして、できれば直接ブログ名を記入する方法ではなく、今後ブログ名を変更したという際にも対応できるように、なにかしらのコードでお教えいただければ幸いです。

      長文になりましたが、この右も左もわからない初心者をお救いください。よろしくお願いいたします。

    • #47857
      アバター画像わいひら
      キーマスター

      管理画面の「外観→カスタマイズ→SEO」項目から「投稿・固定ページタイトル後にサイト名を付加 」を有効にした状態でツイートするのではダメなのでしょうか?
      それだと

      投稿タイトル|サイト名 URL

      みたいな表記にはなると思います。

    • #47858
      匿名
      ゲスト

      早すぎる回答ありがとうございます。

      「投稿・固定ページタイトル後にサイト名を付加 」の項目は、すでに有効化しています。

      その状態で記事下に設置してあるシェアボタンからツイートしようとしても、ブログ名が付加されていないツイート確認画面が表示されます。

      ちなみにシェアボタンは記事下のみに表示してあり、そこからシェアされた際に「記事名+ブログ名+URL」としたい、ということです。

    • #47860
      みき
      ゲスト

      管理画面の「外観→カスタマイズ→SEO」項目から「投稿・固定ページタイトル後にサイト名を付加 」を有効にした状態でツイートするのではダメなのでしょうか?

      こちらでもだめでした
      simplicityのサイト(当サイト)でもだめみたいです・・・

      sns-buttons-default.phpの「data-text=”<?php the_title(); ?>”」の部分をいじったわけですが、いじるところが間違っているのでしょうか?

      どうなんでしょうかね
      シェアしたときの順番を見てみてください
      おそらく記事名>URLの順番になっていると思うのですが
      data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>"
      この並びだとURL>記事名になるはずです

      どこを呼び出しているんだろう・・・

      サイト名を取るだけなら下のコードでいけるんですけど
      <?php bloginfo('name'); ?>

    • #47861
      Hidekichi
      ゲスト

      リンクの文字列にサイトタイトルが入ってたら間違いなく表示されますよ。

      このトピックのtwitterのボタン部分は、

      <li class="balloon-btn twitter-balloon-btn">
          <span class="balloon-btn-set">
              <span class="arrow-box">
                <a href="//twitter.com/search?q=https%3A%2F%2Fwp-simplicity.com%2Fsuport%2Ftopic%2F%25e3%2583%2584%25e3%2582%25a4%25e3%2583%2583%25e3%2582%25bf%25e3%2583%25bc%25e3%2582%25b7%25e3%2582%25a7%25e3%2582%25a2%25e6%2599%2582%25e3%2581%25ae%25e6%2596%2587%25e5%25ad%2597%25e5%2588%2597%25e3%2582%2592%25e3%2580%258c%25e8%25a8%2598%25e4%25ba%258b%25e5%2590%258d%25e3%2583%2596%25e3%2583%25ad%25e3%2582%25b0%25e5%2590%258d%2F&related=MrYhira" target="blank" class="arrow-box-link twitter-arrow-box-link" rel="nofollow">
                  <span class="social-count twitter-count">0</span>
                </a>
              </span>
              <a href="//twitter.com/share?text=%E3%83%84%E3%82%A4%E3%83%83%E3%82%BF%E3%83%BC%E3%82%B7%E3%82%A7%E3%82%A2%E6%99%82%E3%81%AE%E6%96%87%E5%AD%97%E5%88%97%E3%82%92%E3%80%8C%E8%A8%98%E4%BA%8B%E5%90%8D%2B%E3%83%96%E3%83%AD%E3%82%B0%E5%90%8D%2BURL%E3%80%8D%E3%81%AB%E3%81%97%E3%81%9F%E3%81%84&url=https%3A%2F%2Fwp-simplicity.com%2Fsuport%2Ftopic%2F%25e3%2583%2584%25e3%2582%25a4%25e3%2583%2583%25e3%2582%25bf%25e3%2583%25bc%25e3%2582%25b7%25e3%2582%25a7%25e3%2582%25a2%25e6%2599%2582%25e3%2581%25ae%25e6%2596%2587%25e5%25ad%2597%25e5%2588%2597%25e3%2582%2592%25e3%2580%258c%25e8%25a8%2598%25e4%25ba%258b%25e5%2590%258d%25e3%2583%2596%25e3%2583%25ad%25e3%2582%25b0%25e5%2590%258d%2F&related=MrYhira" target="blank" class="balloon-btn-link twitter-balloon-btn-link" rel="nofollow">
                <span class="icon-twitter"></span>
              </a>
            </span>
          </li>

      こうなってます。aタグのリンク部分、カウントの部分とアイコンの部分でリンクが異なっているのが気になりますが、まぁ通常は、//twitter.com/share?text=に続く部分がタイトルです。エンコードされているのでここをデコードすると、

      //twitter.com/share?text=ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい&url=[このトピックのアドレス]&related=MrYhira

      こういうことです。なので、
      //twitter.com/share?text=ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい - Simplicity&url=[このトピックのアドレス]&related=MrYhira

      となれば「ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい – Simplicity」となるはずです。
      Twitterシェア時の文字列をOGPタイトルにする方法 では、all in one seoがheadタグの中に挿入したogp:titleの値を取得して、それを上記で言う所の「 – Simplicity」にすると言う処理です。

      これらは、ogpのタイトルを取得してそれを反映させたいと言うことだったのでogpを取得していますが、サイトのタイトルなどは基本固定なので、その場合は別途値を用意すればそれようにできます。

    • #47862
      みき
      ゲスト

      Hidekichiさんのレスを見て思いついたことをやってみたらできました
      今、使われているボタン表示によると思いますが
      <li class="balloon-btn twitter-balloon-btn">
      こういう感じのやつをソースから探してみてください(サイトの)
      クラスがtwitter-balloon-btnなっていたのでわかりましたが
      twitter-balloon-btnはsns-button-twitter.phpで指定してありました
      <a href="//twitter.com/share?text=<?php echo urlencode( get_the_title() ); ?>&url=<?php echo urlencode( get_the_permalink() ) ?><?php echo get_twitter_via_param(); //ツイートにメンションを含める ?><?php echo get_twitter_related_param();//ツイート後にフォローを促す ?>" target="blank" class="balloon-btn-link twitter-balloon-btn-link twitter-balloon-btn-link-default" rel="nofollow">
      これの<?php echo urlencode( get_the_title() ); ?>&の間に<?php bloginfo('name'); ?>を入れればできます
      これで記事名>サイト名>URLになります
      <?php echo urlencode( get_the_title() ); ?>&の間に入れるだけだと見にくいので「|」とかを入れると良いかも・・・
      ほかにもtwitter-btn-iconとかがあると思いますが
      twitter-btn-iconはsns-buttons-icon.phpで指定されていました
      sns-buttons-icon.phpに先ほどと同じように追加すればいけると思います

      ほかのボタンを使用されているのであれば教えていただけると探します

      カスタマイズされるときはバックアップをお忘れなく
      aタグ内だったら大丈夫だと思いますが・・・

    • #47863
      みき
      ゲスト

      めっちゃ見にくい www

      もしかしたらいろいろ間違っているかも・・・
      (結構やばいかも)

    • #47864
      みき
      ゲスト

      全部調べてきました
      sns-button-twitter.php
      sns-buttons-balloon.php
      sns-buttons-icon.phpでした
      これを修正するとどのボタンでも対応できると思います

    • #47865
      みき
      ゲスト

      ほかのSNSとかも対応しようと思えばできると思います
      たとえばフェイスブックとかはシェアの部分が<a href="//www.facebook.com/sharer/sharer.php.......
      なっているのでこれで調べると
      sns-buttons-balloon.phpと
      sns-buttons-icon.phpになりました

    • #47873
      アバター画像わいひら
      キーマスター

      「投稿・固定ページタイトル後にサイト名を付加 」の項目は、すでに有効化しています。

      その状態で記事下に設置してあるシェアボタンからツイートしようとしても、ブログ名が付加されていないツイート確認画面が表示されます。

      そうでした;そのような仕様だったんでした。失礼しました。

    • #47878
      匿名
      ゲスト

      お教えいただいた通りに

      sns-button-twitter.php
      sns-buttons-balloon.php
      sns-buttons-icon.php

      の3つからそれぞれ<a>のコードを探し出し、すべてのphpファイルに<?php bloginfo(‘name’); ?>を挿入しました。

      また、「|」等を入れると良いとありましたが、ここをハイフンとし、結果的にコードは

      <?php echo urlencode( get_the_title() ); ?> <span style=”color: #ff0000;”>- <?php bloginfo(‘name’); ?></span>&url=~

      となりました。

      ファイルを更新し、再度シェアボタンを押したところ、見事にツイート確認画面が「〇〇〇〇〇(記事名) – 〇〇〇(ブログ名)」となりました。ありがとうございます。

      ですが、私はシェアボタンを「バイラルタイプ(高速)」にしているのですが、シンプリシティで設定できる以下のシェアボタン

      ・デフォルト(サービス固有のボタン)
      ・テーマカラータイプ(高速)
      ・Twitterタイプ(高速)
      ・バイラルタイプ(高速)
      ・バイラル白タイプ(高速)

      これらすべてをそれぞれ確認してみたところ、この効果があったのは「バイラルタイプ」と「バイラル白タイプ」の2つのみとなりました。

      この結果にはどういう意味があるのでしょうか?書き換える部分が他にもありそうだと思いますが、どうでしょうか?

    • #47879
      匿名
      ゲスト

      ?!?!

      <span style=”color: #ff0000;”>~~</span>は色をつけたかっただけなんですが・・・。

      なんだか色々と見づらくなってしまい申し訳ありません・・・。

    • #47880
      みき
      ゲスト

      本当ですか
      シェアの//twitter.com/share?text=で調べて
      結果が
      sns-button-twitter.php
      sns-buttons-balloon.php
      sns-buttons-icon.phpだったので
      ちょっと確認してきます

    • #47881
      みき
      ゲスト

      全部のシェアボタンを調べてみましたが
      サイト名は表示されていました

      なので
      sns-button-twitter.php
      sns-buttons-balloon.php
      sns-buttons-icon.phpで大丈夫だと思います

      ほかにもシェアだけでなく
      検索のやつもあるので間違えて記述していないか確認をしてみてください
      ↓こういうやつ
      //twitter.com/search?q=

      こちらでは
      sns-button-twitter.php
      sns-buttons-balloon.php
      sns-buttons-icon.phpでいけました

    • #47882
      匿名
      ゲスト

      無事にできました!!

      原因は、

      Twitterシェア時の文字列をOGPタイトルにする方法

      このトピックの中でHidekichiさんが紹介されていた以下の

      twitterのリンクタイトル部分を書き換える | jsFiddle

      の中にあったjQueryのコードを、わけもわからないままjsファイルにコピペしたままになっていたことでした。

      このコピペしたままの部分を削除したことにより、無事にブログ名が表示されるようになりました。

      何度見返しても間違っていないはずなのにうまくいかず、ひたすら悶々としていましたが、皆様のおかげでなんとかすることができました!!

      いやぁうれしいです。みきさん、Hidekichiさん、わいひらさん、本当にありがとうございました。そして、これからもわからないことが出てくると思いますので、そのときはまたお力添えをよろしくお願いします!!

      ありがとうございました!!

    • #47883
      みき
      ゲスト

      解決できて良かったです
      親テーマの更新なので
      アップデート後に再度修正が必要です
      修正を忘れていたらその間サイト名が表示されないことになるので修正をお忘れなく
      実装お疲れ様でした!!

15件の返信スレッドを表示中
  • トピック「ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)