はてなブックマークの埋め込み機能の相対パス対策【2018/03】

@hatenapr はてなブックマークの埋め込み機能ですが、<a class="datetime" href="/hopeholdsmoon/20180120#bookmark-355090041">のように、相対パスになっているので、ブログに埋め込むと機能しない気が・・。以前は絶対パスで書かれてました。

— isc5 (@isc5com) 2018年1月21日

「ページに埋め込む」で埋め込み用のHTMLを使うと上記のようになります。Google Search Consoleでも、404になってエラーになってます。はてなブログの場合は、embed？で埋め込むのでちがうのかもしれません。

add_filter('the_content', 'chagne_anon', 1);
function chagne_anon($content){
   $search  = 'class="datetime" href="/';
   $replace = 'class="datetime" href="https://b.hatena.ne.jp/';

   $content = str_replace($search, $replace, $content);
   return $content;
}

仕方がないので、Wordpressのテーマのfunctions.phpに上記を追加して対応することに・・。今まで手作業で置き換えてましたがさすがに大変なので、自動で置き換えることに・・。

SSL化のためのなにかなんでしょうけど、それでも相対パスは困るんだけどと思う。でも、他にも困ってる人いないのか謎。はてなブログの場合は、この機能で実現しないみたいなので関係ないみたいですが・・。

ブックマークコメントページにコメント貼り付け機能を追加しました - はてなブックマーク開発ブログ

はてなブログでも、ブックマークコメントページのコメント貼り付け機能に対応しました

2014/10/22 18:41

<blockquote class="hatena-bookmark-comment">
<a class="comment-info" 
href="https://b.hatena.ne.jp/entry/231032669/comment/hatenablog" 
data-user-id="hatenablog" data-entry-url="https://b.hatena.ne.jp/entry/bookmark.hatenastaff.com/entry/2014/10/06/145507" 
data-original-href="http://bookmark.hatenastaff.com/entry/2014/10/06/145507" 
data-entry-favicon="https://cdn-ak.favicon.st-hatena.com/?url=http%3A%2F%2Fbookmark.hatenastaff.com%2F" 
data-user-icon="/users/hatenablog/profile.png">
ブックマークコメントページにコメント貼り付け機能を追加しました - はてなブックマーク開発ブログ
</a><br><p style="clear: left">
はてなブログでも、ブックマークコメントページのコメント貼り付け機能に対応しました
</p>
<a class="datetime" href="/hatenablog/20141022#bookmark-231032669">
<span class="datetime-body">2014/10/22 18:41</span>
</a></blockquote>
<script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

12行目みたいになっていて、Javascriptが動作した後も相対パスのままのようなんだけど・・。