WordPressサイトに関して、Digipress社の「Attractive」テンプレートでオーバーレイ広告を表示させたいです

Question

###前提・実現したいこと
WordPressでサイトを運営している者です。
現在、私は複数のサイトを運営しておりまして、その中でもDigPress社の「Attractive」というテンプレートを使用しています。
↓↓
https://digipress.digi-state.com/attractive/

実現したいことですが、この「Attractive」テンプレートを使用した時に、オーバーレイ広告を表示させたいということです。

ちなみに参考になるサイトとしては、下記のサイトのように変更したいと考えております。
（LINE@の画像）
↓↓
http://blosstory.net/

###発生している問題・エラーメッセージ

上記のサイトを参考にして、私も運営しているサイトにオーバーレイ広告を挿入しようと試みました。

しかし、いくら試してもサイトにオーバーレイ広告を挿入することができず、ヘッダー部分に画像が載るだけの状態になってしまいます。

###該当のソースコード

<div class="meerkat">
<center> 
<a href="https://my46p.com/p/r/A5oYkqz5">
<img src="https://taiseee.com/wp-content/uploads/2018/01/教材内容の紹介　記事下コンテンツ_edited-3-1.png"></a><br>
<a href="https://my46p.com/p/r/A5oYkqz5"></a>
</center>
</div>

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="http://meerkat.jarodtaylor.com/download/jquery.meerkat.1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('.meerkat').meerkat({
    height: '80px',
    width: '100%',
    position: 'bottom',
    animationIn: 'slide',        
});    
});
</script>



<!--オーバーレイ広告ここまで -->

###試したこと
参考にするサイトに問い合わせてみたのですが、業者の方に依頼したため、自身ではわからないとの回答でしたので、こちらで質問させて頂きました。

もしわかる方がいましたら、回答して頂けると助かります。

###補足情報(言語/FW/ツール等のバージョンなど)
WordPressのバージョン・・・4.8.1
使用しているサーバー・・・ Xサーバー
PHPバージョン・・・5.6.30
MySQL5.5 バージョン

Answer 1

サイトはhttps://かと思いますが、以下のスクリプトがhttp://となっています。
https://のサイトからhttp://の外部ファイルにアクセスするとセキュアな接続ではないとブラウザがブロックするため読み込まれていないためと思います。

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="http://meerkat.jarodtaylor.com/download/jquery.meerkat.1.3.min.js" type="text/javascript"></script>

https://にするか//で良いのですが、2個めはhttps://に対応していないようです。エラーになりました。
該当のサイトへご確認下さい。

追記
またはjsをダウンロードして自サイトへアップロードして使用するといいかもしれません。

Answer 2

該当テーマには、スクロール時に固定表示できる専用のテキストウィジェットがあります。

スクロール時のフローティングデモ

この専用ウィジェットに広告コードをペーストすればよいのではないでしょうか。

Answer 3

ヘッダ部分に画像が載るだけということは、スクリプトの記述が一切反映されていないのではないでしょうか？

$('.meerkat').meerkat({
    height: '80px',
    width: '100%',
    position: 'bottom',
    animationIn: 'slide',        
});

の下あたりにconsole.log(1);を記述し、コンソールに1が出力されるかを確認してみて下さい。