離脱防止モーダルに条件を追加したい

実現したいこと

jsを使用してLPなどのサイト離脱を防止するモーダルを作成しています。
以下の条件が付いたモーダルを作りたいのですが上手くいきません。
1.外部ドメインへの遷移時にのみモーダルを表示
2.同一ドメイン内でのブラウザバックは除く
3.ブラウザバック2回目でモーダルウィンドウが消え、別ドメインへ遷移する
4.ページ内リンクには反応しないようにしたい

発生している問題・分からないこと

上記の条件中、1.2.3はできていると思うのですが、、
4.のページ内リンクのaタグをクリックしてもモーダルが表示される状態です。

該当のソースコード

jQuery
1$(function(){
2    // 外部ドメインへの遷移時にのみモーダルを表示
3    $(document).on('click', 'a', function(e) {
4        var href = $(this).attr('href');
5
6        // リンクがページ内移動または内部リンクの場合は通常の動作を行う
7        if (!href || href.startsWith('#') || href.indexOf(window.location.hostname) !== -1) {
8            return;
9        }
10
11        e.preventDefault();
12        jQuery('.js-modal').fadeIn();
13        history.pushState(null, null, null);
14    });
15
16    // モーダルの外側をクリックした場合に、モーダルを閉じるクリックイベントを追加
17    jQuery('.modal__bg').on('click', function(e) {
18        // モーダル自体のクリックを無視
19        if (e.target === this) {
20            closeModal();
21        }
22    });
23
24    // popstate イベントを監視して、モーダルを表示する
25    var modalShown = false;
26    window.addEventListener('popstate', function() {
27        if (!modalShown) {
28            jQuery('.js-modal').fadeIn();
29            modalShown = true;
30        } else {
31            window.location.href = document.referrer;
32        }
33    });
34
35    // Safari用に修正したコード
36    window.addEventListener('hashchange', function() {
37        if (location.hash === '#modal') {
38            jQuery('.js-modal').fadeIn();
39            history.pushState(null, null, null);
40        }
41    });
42
43    jQuery('.js-modal-close').on('click', function() {
44        closeModal();
45        return false;
46    });
47
48    function closeModal() {
49        jQuery('.js-modal').fadeOut();
50        history.replaceState(null, null, window.location.href);
51    }
52});
53

html
1 <div class="id_wdp_border"></div>
2  <div class="modal js-modal">
3      <div class="modal__bg js-modal-close"></div>
4      <div class="modal__content">
5        <div class="modal__box">
6          <a class="js-modal-close peke" href=""></a>
7        </div>
8
9      </div>
10  </div>

css
1.modal{
2  display: none;
3  height: 100vh;
4  position: fixed;
5  top: 0;
6  left:0;
7  width: 100%;
8  z-index: 99999;
9}
10.modal__bg{
11  background: rgba(0,0,0,0.8);
12  height: 100vh;
13  position: absolute;
14  width: 100%;
15}
16.modal__content {
17    background: #000c27;
18    border-radius: 11px;
19    left: 50%;
20    padding: 15px 9px 9px 9px;
21    position: absolute;
22    top: 50%;
23    transform: translate(-50%,-50%);
24    width: 80%;
25    max-width: 320px;
26}
27.modal__box{
28  background-color: #f2f2f2;
29  border-radius : 0px 0px 5px 5px;
30}
31.peke{
32  position: fixed;
33  right: -41px;
34    top: -16px;
35  transform: translate(-50%, -50%);
36  color: #fff;
37  cursor: pointer;
38  opacity: 1;
39  width: 40px;
40  height: 40px;
41  border-radius: 100%;
42 background: rgba(0,0,0,0.5);
43}
44.peke::before{
45  display: block;
46    content: " ";
47    position: absolute;
48    top: 50%;
49    left: 50%;
50    transform: translate(-50%, -50%);
51    width: 3px;
52    height: 22px;
53    border-radius: 4px;
54    background: #fff;
55    -webkit-transform:translate(-50%, -50%) rotate(-45deg);
56    -ms-transform: translate(-50%, -50%) rotate(-45deg);
57    transform: translate(-50%, -50%) rotate(-45deg);
58
59}
60.peke::after{
61  display: block;
62    content: " ";
63    position: absolute;
64    top: 50%;
65    left: 50%;
66    width: 3px;
67    height: 22px;
68    border-radius: 4px;
69    background: #fff;
70    -webkit-transform: translate(-50%, -50%) rotate(45deg);
71    -ms-transform: translate(-50%, -50%) rotate(45deg);
72    transform: translate(-50%, -50%) rotate(45deg);
73}
74