Приветствую!
Google Tag Manager (GTM) при сохранении кода в custom HTML tag ругается, что он больше 102400 символов.
Сам я только начинаю осваивать JS. Подскажите, пожалуйста, как эффективнее уменьшить размер кода так, чтобы это не повлияло на скорость отработки этого custom HTML tag.
Изначально код имеет подобный вид (только в моем случае размер кода значительно больше):
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
// Define JavaScript for each page variation of this experiment.
var pageVariations = [
function() {}, // Original: Do nothing. This will render the default HTML.
function() { // Variation 1: Banner Image
document.getElementById('banner').src = 'bay-bridge.jpg';
},
function() { // Variation 2: Sub-heading Text
document.getElementById('heading').innerHTML = 'Look, a Bridge!';
},
function() { // Variation 3: Button Text
document.getElementById('button').innerHTML = 'Learn more';
},
function() { // Variation 4: Button Color
document.getElementById('button').className = 'button button-blue';
}
];
// Wait for the DOM to load, then execute the view for the chosen variation.
$(document).ready(function(){
// Execute the chosen view
pageVariations[chosenVariation]
});
</script>
Как вариант я думаю сохранить каждый Variation в отдельный js файл на сервера сайта и в custom HTML tag прописывать не весь код, изменяющий страницу, а только код запрашивающий внешний код, который сохранен на сервере сайта.
Это верное решение?
Вот так:
function() { // Variation 1: Banner Image
var script = document.createElement('script');
script.src = 'mysite.com/js/variation1.js';
var head = document.getElementsByTagName("head")[0];
head.appendChild(script);
},
Учиться и учиться.
