このブログでは各ショッピングサイトから提供される「ブログパーツ」と呼ばれるものを使用しています。
（↓みたいなやつです）
今回は「DLsiteから提供されているブログパーツが表示されない」という場合のトラブルシューティングの一例を記事にしました。
今回ご紹介する方法はあくまでも「筆者の環境ではこの方法で上手くいった」というもので、全ての人がこの方法でブログパーツが表示されることを保証するものではありません。
またこの方法でサイトの表示が崩れるなどの不具合が起きた場合も責任を負いかねます。
DLsiteのブログパーツが表示されない！
私は日ごろからDLsiteを利用しています。
割引率の高いクーポンや専売作品の多さなど、魅力的なサイトだと思います。
なので、ブログパーツを使用してぜひ読者の方にもこちらの商品を紹介したいところ。
しかし．．．表示されないんですよ！DLsiteのブログパーツ！
ブログパーツのHTMLをコピーして貼り付けても、プレビューでは表示されるのに．．．
投稿したら表示されない！なぜだ！
Autoptimizeが関係してるっぽい？
Word Pressを始めた時、良くお勧めされるプラグインに「Autoptimize」というものがあります。
こちらのプラグインはブログを構成する「HTML」「JavaScript」「CSS」「画像ファイル」などを最適化し、ブログの読み込み速度を向上してくれる優れものです。
ブログを運営するものにとっては非っ常にありがたいプラグインなのですが、どうやらDLsiteのブログパーツとは相性が良くなかったみたいで．．．。
こちらはAutoptimizeの設定画面です。
「JavaScrypt コードの最適化」の項目にチェックがついていて、有効化されているのが分かります。
この状態でDLsiteのブログパーツを貼っても．．．
はい、表示されませんね。
しかし試しにAutoptimizeの「JavaScrypt コードの最適化」のチェックを外して無効化してみると．．．
ひょ、表示されてる！！
このことから、私は「Autoptimize」と「DLsiteブログパーツ」は相性が悪いのでは？という仮説の下でAutoptimizeの設定をすることにしました。
Autoptimizeを設定する
ここからはIT知識の乏しい素人が苦し紛れでDLsiteブログパーツを表示させる方法を書いています。
この方法を実践して発生したいかなる損害に対しても責任を負いかねますので、よろしくお願いいたします。
Autoptimizeには「Autoptimizeからスクリプトを除外」という「このJavaScriptは最適化しないでいいやつだからね」と伝えておく機能があります。
ここにDLsiteブログパーツに含まれるJavaScriptを記入してもらい「ブログパーツを最適化せずそのまま通してもらう」ことにします。
Dlsiteのブログパーツには「text/javascript」というコード？が仕組まれていて、プログラミング知識ゼロの筆者は
「このtext/javascriptとかいうやつを指定すればいいんじゃね？」と思い、さっそく「Autoptimizeからスクリプトを除外」の項目に「text/javascript」を入力。
すると．．．
表示された！！
「text/javascript」を指定って範囲が広すぎるような気もしますが、取り合えずブログパーツが表示されたのでOK！
「PageSpeed Insights」で測定したサイトの速度も特に変わってなかったので良し！
さいごに
今回は「DLsiteのブログパーツを使用したい人」かつ「Autoptimize使用者」というかなり狭い範囲の方に向けた記事になりましたが、私と同じような症状でお困りの方のお役に立てていれば幸いです。
「どうしてもDLsiteのブログパーツを表示させたいんだ！」という人は、この記事で書いた方法を試してみて下さい！
