ブログ広告がランダムな順序でスポットを表示します

このjQueryコードは、ブログのサイドバーに表示される広告をシャッフルし、すべての広告主に公正な露出を確保します。 「シャッフル」ボタンは、手動の更新オプションを提供します。カスタマイズ可能な場合、この機能はADの配置を効果的に無作為にします。 ライブデモのために右側のサイドバーをチェックしてください！

コード：

// Function to display ads randomly on the jQuery Blog
(function($) {
    var displayAds = {
        ads: {
            1: {
                title: "jQuery UI Widgets for PC, Mobile & Touch",
                href: "http://www.jqwidgets.com",
                img: "jqwidgets.png"
            },
            2: "jQuery Chop Slider 2.0 - Stunning Image Slider!",
            3: "Sauce Labs - Cross Browser Testing",
            4: "Diamond Slider - Ken Burns Effect & Transitions",
            5: "AJAX Zoom - Dynamic 2D/360° Zoom"
        },
        signupAd: {
            title: "Advertise Here",
            href: "http://www.jquery4u.com/advertise/"
        },
        shuffleAds: function(arr) {
            for (var j, x, i = arr.length; i; j = Math.floor(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
            return arr;
        },
        load: function() {
            $('https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bshuffle-ads').hide();
            var adContainer = $('https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bjq4u-sidebar-ads').empty(), adsArray = [];
            $.each(this.ads, function(i, v) {
                var adData = typeof v === 'string' ? { title: v } : v;
                adsArray.push(`<a href="https://www.php.cn/link/43303a6b28a9ac364c40baec04aa5559'https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b'%7D" rel="nofollow noopener" target="_blank"><div><img alt="ブログ広告がランダムな順序でスポットを表示します" src="https://www.jquery4u.com/images/ads/%24%7BadData.img%20%7C%7C%20?x-oss-process=image/resize,p_40''%7D" title="ブログ広告がランダムな順序でスポットを表示します"></div></a>`);
            });
            adsArray = this.shuffleAds(adsArray);
            $.each(adsArray, function(i, v) {
                adContainer.append(v);
            });
            adContainer.append(`<a href="https://www.php.cn/link/e1517246f55a92dc53dd2133ebb12837"><div>${this.signupAd.title}</div></a>`);
            adContainer.append('<a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Shuffle</a>');
            $('https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bshuffle-ads').on('click', function(e) {
                e.preventDefault();
                displayAds.load();
            });
            $('https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bshuffle-ads').show();
        }
    };
    $(document).ready(function() {
        displayAds.load();
    });
})(jQuery);

よくある質問（FAQ）：

このセクションはほぼ同じままですが、フローと簡潔さが改善されるために、言葉遣いはわずかに調整されています。 コア情報は保持されます。 修正されたFAQエントリの例：

Q：Webサイトにランダムな順序でブログ広告を表示するにはどうすればよいですか？

a：

ブログ広告のランダム化には、ランダム化関数をWebサイトのコードに組み込む必要があります。この関数は、各ページのロードでランダムに広告を選択し、公平な広告露出を確保し、クリックスルーレートを促進する可能性があります。 これにはコーディング知識が必要であることに注意してください 他のFAQエントリも同様に洗練され、元の意味を保持しながら明快さと簡潔さに焦点を当てます。 このアプローチは、読みやすさと全体的な品質を向上させながら、元のコンテンツを維持します。

以上がブログ広告がランダムな順序でスポットを表示しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。