Installation

Instructions

Installation
Include your favorite jQuery version, but at least 1.8.0.

then write:

<script src="https://cdn.jsdelivr.net/gh/arvgta/ajaxify@7.6.4/ajaxify.min.js"></script>

OR

<script src="https://4nf.org/ajaxify.min.js"></script>

OR

<script src="https://mysite.com/ajaxify.min.js"></script>

… in the head. Then, include the plugin as described on interface.

Google Analytics Setup

Please use this snippet, replacing both occurences of the ID with yours

Google Maps support

Please use HTML code along these lines

58 thoughts on “Installation”

  1. Hello Arvind,

    yes, you are right.
    I could fix the issue above, it was caused by our caching plugin – I just needed to add the new script to the exclusion list.

    I wrote an email to you (@arvgta), because of sensitive data.

    Thank you,
    Chris

  2. Bro u said this site is wp, so where is the wp plugin or please give a specific tutorial on how to install it or integrate it on wp cause i have tried and searched but no way, also the plugin on github is not wp so it refuses to instal so please bro how did u made it possible on your wp site please help

    1. Hi Kevin,

      it works on the HTML of your site, therefore not biased to any CMS 🙂
      Should work in WP, if your HTML is alright and the configuration of Ajaxify.
      (and yes, this site – 4nf.org – was made with WP…)

      1. Hello,

        we use WordPress with elementor (header+footer are created with elementor theme builder).
        We would like to ajaxify our login area (avatar+notification counter), so that it is not influenced by page cache.

        1. Can we do this with your plugin?
        2. Could you give me a tip for the best practice to include the script?
        I need to implement this
        “$(document).ready(function(){
        jQuery(‘#content’).ajaxify();});”
        in functions.php or external js-file for the ID I want to ajaxify, right?

        But where should I add this line of code
        “”
        in case of using elementor (header.php gets overwritten with js css files by elementor)?

        Thank you in advance,
        Chris

        1. Hi Chris,

          have you read the docs on this site?

          $(document).ready(function(){
          jQuery(‘#content’).ajaxify();});

          …that is the simplest call, yes, to ajaxify only the element with the ID content.
          But from reading your enquiry, you might want to ajaxify the avatar and notification counter instead?

          Cheers,
          Arvind

          1. Hello,

            I am sorry, something went wrong pasting the line of code in the inquiry before:

            “”

            I was asking where to implement the code above in case of using elementor (header.php gets overwritten with js css files by elementor)?

            My main issues are:
            1) Usually you would use header.php and include it inside , like you described.
            We use elementor (even for our header and footer) and as soon as I create a header.php in child-theme, our page gets blown up. That’s why I inserted those lines in child-theme/functions.php.
            Screenshot: https://1drv.ms/u/s!AikSNhBAk4tevEO_e3Uqg51ylbQK
            /* Load JS file for jQuery Plugin “Ajaxify” */
            function js_ajaxify() {
            ?>

            <?php
            }
            add_action('wp_header', 'js_ajaxify');

            2) I put an enqueue script into /child-theme/functions.php and as soon as I add those lines to our script.js:
            "$(document).ready(function(){
            jQuery('#content').ajaxify();});"
            Our page gets blown up, too (most elements don't show up anymore).

            I hope this was not overwhelming – I am a coding beginner, but I try my best to learn and use your plugin.

            Thank you,
            Chris

          2. Hi Chris,

            can you use plugins in Elementor? On this site (4nf.org), I use an (ancient) plugin to control where to place this and that – like the Ajaxify call itself or also its inclusion in the head..

            Otherwise maybe you can ask someone from your team what Elementor expects?

            Thanks and
            Regards,
            Arvind

          3. Thank you, Arvind.
            Yes, you are able to use plugins with elementor, but sometimes easy coding adjustments can be a real horror with it. 🙂

            Which plugin do you use?
            I tried “Header Footer Code Manager”.
            Inserting the Script-Line to load the min.js was easy and fast.
            …but I don’t see a good way to implement the jquery script:
            $(document).ready(function(){
            jQuery(‘#ajaxified’).ajaxify();});

            I will try to add it via elementor, but this will be kind of inlined code, which might not be the best choice.
            So if you could describe how you did this step, it would help a lot.

            I am really thankfull for your help so far,
            Chris

            PS: On an article I read something about conflict free mode for js, that you need to wrap this around every script.
            Could this fix the issue mentioned in the post before?
            jQuery(document).ready(function($) {

            });

          4. Hi Chris,

            sure, no problem – simply wrap this:

            $(document).ready(function(){
            jQuery(‘#ajaxified’).ajaxify();});

            in script tags…

            That is the normal choice…

          5. Hi Chris,

            alright, then Ajaxify is actually kicking-in. I would really need more information.
            Do you have a link to your (test) site? A link says a thousand words…
            I’ll get back to you in the morning…

            Thanks and regards,
            Arvind

Leave a Reply to kevin Cancel reply

Your email address will not be published. Required fields are marked *