はてなブログhttps化のJavaScript問題を簡単修正方法紹介「メニューカスタマイズ表示」

f:id:buchibuchi4647:20180316160839p:plain

はてなブログhttps化SSLが配信されました。カスタマイズしている人にとって大きなダメージは混在コンテンツよってjavascriptが表示されない問題です。メニューのスクロールやサイドバーそしてシェアアカウントまで動かなくなります。しかし、簡単な方法で1発解決できます。本日ははてなブログhttps化によってjavaを問題なく表示させる方法を紹介します。

 https化配信でもjavascriptを簡単に表示させる方法!

はてなブログ公式からhttps配信はとても大きな動きであったと思います。googleのSEO的に考えてもhttpsを推進しています。httpsとhttpの違いは簡単に言えばあなたのドメインが保護されているかどうかです。新たにhttpsに設定してドメインを保護することによって、SEO対策になると言われています。

一方で、はてなブログをしている人の多くはカスタマイズをしていると思います。例えば、メニュをスクロール型の階層化、スライダー設置、そしてSNSに関してはシェア数を表示させたりさせていると思います。それらのほとんどの動作はjavascriptとを使って表示させています。

https化→JavaScriptが使えない

はてなブログhttps化の注意事項にhttps化をするとJavaScriptを使ったカスタマイズは使うことができませんと書かれています。僕自身のはてなブログでもhttps化配信が実装されたので試してみると見事にJavaScriptを使ったカスタマイズが動きませんでした。

JavaScriptが使えないとSEO的に有効であってもあまり意味がないような気がしました。しかも一度有効化してしまうと取り消すことができません。https化は慎重にしましょう。

httpsでJavaScriptを表示する方法は簡単

https化によって動かないカスタマイズを表示させることは実はとても簡単なことです。例えば、以下のコードはダッシュボード→詳細設定→headに追加していたコードです。

f:id:buchibuchi4647:20180316154116p:plain

すでにドメイン全体がhttps化にも関わらず、このコードはhttp〜になっています。それでは動くはずもありません。メニューバーをスクロールすることができませんでした。

簡単にする表示方法

表示させる方法はとても簡単です。このコードを修正すれば再び動作するようになります。このコードのhttp→httpsと修正するだけで大丈夫です。

f:id:buchibuchi4647:20180316154014p:plain

この修正によってhttpsで動作するようになります。ちなみにhttpでも動作します。

もう1つの方法

修正方法はもう1つあります。どちらが簡単はあなたの判断にまかせます。とりあえず両方紹介します。httpで動かないならその部分を抜き取ってしまう方法です。

f:id:buchibuchi4647:20180316154928p:plain

“//の形と異形ですが、これでもhttpsとhttpの両方で動作の確認ができました。

以上の結果からJavaScriptの動作に関して以下のように考えます。

src=”http//→httpのみ表示できます。src=”https//→httpsとhttp両方表示できます。src=”http//→httpsとhttp両方表示できます。

コードの修正のみの今回のhttps化配信に対応できるのであなたも確認してみてください。

古い記事のカスタマイズ

僕の記事のカスタマイズ記事もそうですが、はてなブログは多くの人がカスタマイズの方法を記事にしています。非常に参考になります。しかし、今回のhttps化によって注意が必要です。記事のほとんどはhttpで実装されていたものです。あなたのドメインがhttpsであるなら動かない可能性があります。

その場合は、自分でコードの修正を加える必要が出てきます。本当なら記事を作った本人が記事を更新する必要がありますが。すみません。僕も新たにカスタマイズ系の記事を更新します。

おわりに

今回は2018年2月22日にhttps化が配信されました。その結果、カスタマイズで悩んでいる人がいると思います。あなたがこの記事を読んで解決してくれることを願っています。最後まで記事を読んでいただきありがとうございました。

当サービスお得情報紹介・5名限定モニター生募集

当サイトのサービスはサイト作成だけでなく修正・カスタム・アクセスアップだけに留まらず、初心者向けに副業・アフィリエイトのノウハウも紹介しております。少しでも購入者が満足できるようなサービス提供を提供中。

購入して終了ではなく….サービス終了後も定期的なやりとりを通じてお客様の相談・依頼をいただくことが一番重要だと思っております。長い付き合いになると思いますが、当サービスを利用して会社の利益アップ・脱ノウハウコレクターとなりませんか?

 

学生・主婦の方から社会人の方まで幅広くご依頼をいただいております。

上記のサービスはいずれも好評です。特にアフィエイトをしている人でなかなか成果の出ない人や初心者で何からすれば良いのかわからない人にはおすすめのサービスとなっております。

ライン募集

ライン公式アカウントでもサービス情報をお届けしております。お友達に追加頂いた方には現在有料情報を無料で提供しております。この機会に友達追加してはどうでしょうか?
友だち追加
サービスご依頼ご希望の方はサイト内に設置「お問い合わせ」フォームより依頼・または下記よりご連絡ください。当サービスはプロフィールにもありますよう「ココナラ」にて600件以上の販売実績と評価4.8以上であるプラチナ会員認定

ココナラ経由だともっと割引?

ココナラ経由でサービスをご利用頂きましたお客様には貴重な特典・割引価格で提供しております。このチャンスにぜひご検討ください。
アクセスアップ狙った1500記事+ツール販売します 20ジャンル全部で1500記事+ツール販売・PVアップ向け

ご依頼お待ちしております。

また、2020年にはあるモニター生が私のコンサルサポートを実施してココナラ での販売を開始しました。2020年7月末から8月末までの1ヶ月間での成果ですが。売り上げではなく、実際の収入見込みが22万達成できました。新規アカウントです。この調子で頑張って欲しいです。

上記のモニター生同様、ココナラ を使って副業サポートコンサル希望のモニター生を5名募集しております。

モニター価格は2種類あります。私が徹底的にサポートまたは定期的なアドバイスの2パターンあります。興味のある方は、こちらも合わせてお問い合わせよりご連絡ください。

ご依頼・ご質問等はコチラから。内容を確認次第、順次対応させて頂きます。

お名前
必須
メールアドレス
必須
サービス内容
メッセージ本文
 
最新情報をチェックしませんか?