Per Søderlind

<p>The CSS Flags plugin / library for WordPress loads a dynamicaly created CSS with responsive flags.</p>
<p><strong>Note:</strong> CSS Flags is not a standalone plugin/library, To display the flags you will have to <a href="https://github.com/soderlind/css-flags/#example-1" rel="nofollow ugc">add code to your theme</a> using your own plugin or theme functions.php</p>
<p>You can <a href="https://soderlind.no/css-flags-plugin-for-wordpress/" rel="nofollow ugc">view the flags at my site</a></p>
<p>Sample CSS:</p>
<pre><code>.css-flag.sami {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAyMCIgaGVpZ2h0PSIxNTAwIj48cmVjdCB3aWR0aD0iNjQ1IiBoZWlnaHQ9IjE1MDAiIGZpbGw9IiNkODFlMDUiLz48cmVjdCB4PSI2NDUiIHdpZHRoPSIxNDAiIGhlaWdodD0iMTUwMCIgZmlsbD0iIzAwN2EzZCIvPjxyZWN0IHg9Ijc4NSIgd2lkdGg9IjE0MCIgaGVpZ2h0PSIxNTAwIiBmaWxsPSIjZmNkMTE2Ii8+PHJlY3QgeD0iOTI1IiB3aWR0aD0iMTA5NSIgaGVpZ2h0PSIxNTAwIiBmaWxsPSIjMDAzOGE4Ii8+PHBhdGggZD0iTSA3ODUsMzEwIGEgNDQwIDQ0MCAwIDAgMCAwLDg4MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAzOGE4IiBzdHJva2Utd2lkdGg9IjgwIi8+PHBhdGggZD0iTSA3ODUsMzEwIGEgNDQwIDQ0MCAwIDAgMSAwLDg4MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDgxZTA1IiBzdHJva2Utd2lkdGg9IjgwIi8+PC9zdmc+');
    height: 100%;
    width: 134.666666667%;
    background-size: 100% 100%;
}
.css-flag.sami-landscape {
    height: 100%;
    width: 134.666666667%;
}
.css-flag.sami-portrait {
    height: 74.2574257426%;
    width: 100%;
}
</code></pre>
<h4>Usage</h4>
<p>The total CSS file size is 4 MB, and you don’t want to send all that data back to the users, so you <strong>must</strong> use one of the following filters in your plugin or theme.</p>
<p><strong>css_flags_countries</strong>: Load flags for one or more countries</p>
<pre><code>add_filter('css_flags_countries', function() {
    return array('no'); // Array with ISO_3166-1_alpha-2 country codes: http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements
});
</code></pre>
<p><strong>css_flags_regions</strong>: Load the flags for one or more regions. You can choose between europe, oceania, africa, asia, northamerica, southamerica and middleeast.</p>
<pre><code>add_filter('css_flags_regions', function() {
    return array('europe'); //europe, oceania, africa, asia, northamerica, southamerica, middleeast
});
</code></pre>
<p><strong>css_flags_exclude</strong>: Exclude some countries from the list. This filter must be used in combination with the <code>css_flags_countries</code> or <code>css_flags_regions</code> filters</p>
<pre><code>add_filter('css_flags_exclude', function() {
    return array('eu');
});
</code></pre>
<p><strong>css_flags_cachetime</strong>: Change the cache time, default it’s 7200 (60x60x2 = 2 hours)</p>
<pre><code>add_filter('css_flags_cachetime', function() {
    return 172800; // 2 days
});
</code></pre>
<p>If you must (but you shouldn’t), you can load all the  CSS flags using the following:</p>
<pre><code>add_filter('css_flags_countries', function() {
    return array('all'); // load all country flags (don't it's 4MB)
});
</code></pre>
<p>More information at <a href="https://github.com/soderlind/css-flags/" rel="nofollow ugc">GitHub</a></p>
<h4>Credits</h4>
<p>The original CSS file is from http://www.phoca.cz/cssflags/. If you only need the CSS file, grab it there.</p>


CSS Flags library

More than 250 vector based flags for WordPress

yydevelopment

<p>The tag manager is a simple plugin that will allow you to insert/inject code into your website in the header section, after the start body tag and in the footer above the ending body tag.</p>
<p>You can use this plugin to add code and snippets into your website for services like Google Tag Manager, Google Analytics, Facebook Pixel, Google Adsense and much more…</p>
<p>This plugin will also allow you to insert meta tags to your website header and even add phone/WhatsApp button or anything using custom HTML code with footer code injection.</p>
<h4>Tag Manager – Injection Location And Features</h4>
<ul>
<li>Head section – between the top page head tags</li>
<li>Body section – below the body start tag</li>
<li>Footer section – at the end of the page above the close body tag</li>
<li>The ability to insert more than one code for each section on the site</li>
<li>The ability to exclude pages by user role (admin or logged in users)</li>
<li>The ability to exclude/include pages code by page id</li>
</ul>
<h4>Supported Services And Platforms</h4>
<ul>
<li>Google Tag Manager</li>
<li>Google Analytics</li>
<li>Google Adsense</li>
<li>Facebook Pixels</li>
<li>Yandex Metrika</li>
<li>Any other website that require code injection.</li>
</ul>
<h4>Tags LazyLoad Support</h4>
<ul>
<li>GTM Lazy Load</li>
<li>Google Analytics Lazy Load</li>
<li>Facebook Pixel Load</li>
<li>Yandex Metrika Lazy Load</li>
<li>Lazy Load For Custom Javascript Codes</li>
</ul>
<h4>Supported Plugin Actions</h4>
<p>The actions below will allow you to directly load the code on external files that uses wordpress functions. With these functions you will be able to add header, footer and body codes for web elements outside your wordpres site.</p>
<ul>
<li>yydev_tag_manager_head()</li>
<li>yydev_tag_manager_below_body()</li>
<li>yydev_tag_manager_before_closing_body()</li>
</ul>
<h4>About the author & license</h4>
<p>This plugin was brought to you for free by <a href="https://www.yydevelopment.com/" rel="nofollow ugc">YYDevelopment</a> under GPLv2 license.</p>
<p>The plugin is 100% free and we intend to keep it that way in the future as well. You are free to use this plugin and all our other <a href="https://www.yydevelopment.com/yydevelopment-wordpress-plugins/" rel="nofollow ugc">free wordpress plugins</a> for your projects, your client’s projects or for anything else you need.</p>
<p>If this plugin was helpful for you please share it online and if you get a chance to give it a <a href="https://wordpress.org/plugins/tag-manager-header-body-footer/#reviews" rel="ugc">positive review</a> we will appreciate that.</p>
<p>If have any problems or questions regarding our tag manager – header, body and footer plugin <a href="https://wordpress.org/support/plugin/tag-manager-header-body-footer/" rel="ugc">submit a ticket</a> and we will be happy to help.</p>
<p>By the way, we are based in Israel so we welcome you to visit our Hebrew site as well <a href="https://www.yydevelopment.co.il/" rel="nofollow ugc">YYDevelopment Israel</a> if you are fellow Israeli.</p>
<h4>Help support us with a coffee donation</h4>
<p>Don’t you just hate it when you download a plugin and you find out that in order to use it you have to buy a pro version?</p>
<p>Even bigger problem is when you use a plugin and then just out of the blue the developer decides to add a pro version and he either changes the way the plugin works or he converts some of the free functions to paid ones.</p>
<p>We sure did hate that and a few years back we decided to start creating some of the plugins ourselves and we decided to share them all with the WordPress community <strong>100% FREE</strong>.</p>
<p>Nowadays we have more than 15 plugins and you can download and use them all for free by <a href="https://wordpress.org/plugins/search/yydevelopment/" rel="ugc">Clicking Here</a>.</p>
<p>If you liked this plugin and you want to help support our cause, <a href="https://www.yydevelopment.com/coffee-break/?plugin=tag-manager-header-body-footer" rel="nofollow ugc">buy us a coffee</a>. Studies show that coffee helps with creating WordPress plugins.</p>


Tag Manager – Header, Body And Footer


I like simple plugins like this. It's simple enough to satisfy my needs. I just posted two Google Tag manager scripts in <head> and <body> in a few minutes. Thanks a lot!


Simple enough to satisfy my needs

Simple plugin that allow you add head, body and footer codes for google tag manager, analytics & facebook pixel codes.

CSS Flags library vs Tag Manager – Header, Body And Footer