JS: как сгенерировать массив продуктов для Google Analytics dataLayer?

Да, я бы сказал, это хорошая практика. Я предполагаю, что order_items - это массив элементов.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'eec.purchase',
  ecommerce: {
    currencyCode: 'EUR',
    purchase: {
      actionField: {
        id: 'ORDER12345',
        affiliation: 'Simo\'s shop',
        revenue: '11.00',
        tax: '1.00',
        shipping: '2.00',
        coupon: 'SUMMER2019'
      }
    },
    products: []
  }
});

Затем используйте forEach для добавления элементов в продукты.

 order_items.forEach(item => {
   window.dataLayer.ecommerce.purchase.products.push({
     id: item.id,
     name: item.name,
     price: item.price,
     quantity: item.quantity,
     coupon: item.coupon
   });
 });

Вы не можете передавать данные непосредственно в выбранный ключ слоя данных. Вам нужно отправить данные в сам dataLayer:

dataLayer.push({...});

Для вашего конкретного случая также лучше поместить все данные о продукте в запрос о покупке в один push, так как вам нужно обрабатывать их вместе, и таким образом GTM не будет знать, какой продукт был последним, когда продукт массив считается готовым.

Поэтому я предлагаю зациклить продукты и поместить их в виде массива объектов в продукты, как и ожидается в расширенных данных электронной торговли:

{% block data_layer %}
    <script>
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            event: 'eec.purchase',
            ecommerce: {
                currencyCode: 'PEN',
                purchase: {
                    actionField: {
                        id: {{ order_number }},
                        affiliation: 'Stickers Gallito E-Commerce',
                        revenue: {{ total }},
                        shipping: {{ costo_despacho }},
                        coupon: 'SUMMER2019'
                    }
                },
                products: [

    {% for item in order_items %}
                  {
                    id: item.order.id,
                    name: item.name,
                    price: item.price,
                    quantity: item.quantity
                  },
    {% endfor %}
                ]
            }
        });
    </script>
{% endblock %}

Также обратите внимание, что эта инициализация обычно используется перед вызовом базового кода GTM:

window.dataLayer = window.dataLayer || [];

Принимая во внимание, что событие обычно указывается с более поздней отправкой данных, чтобы позволить GTM воздействовать на это конкретное событие:

event: 'eec.purchase'

Использование события в начальном вызове может по-прежнему работать (не проверялось), но оно уже может быть обработано с помощью события просмотра страницы.

Итак, вопрос заключался в создании массива продуктов (в Javascript) из списка Python (или массива на других языках).

Сложность вопроса заключалась в том, что я (владелец вопроса) не понимал, как работать со списком Python в шаблоне для создания массив javascript.

Ответ заключается в том, что вам нужно отправить python list в шаблон с помощью сериализатора:

def thanks_deposit_payment(request):
    order_number = Order.objects.latest('id').id

    total = Order.objects.latest('id').total

    costo_despacho = Order.objects.latest('id').shipping_cost

    order_items = OrderItem.objects.filter(order=Order.objects.latest('id'))


    order_items = serialize('json', order_items, fields=['id', 'sku', 'product', 'price', 'size', 'quantity'])

    response = render(request, 'thanks_deposit_payment.html', dict(order_number=order_number, total=total,
                                                                   order_items=order_items, costo_despacho=costo_despacho))
    return response

В шаблоне thanks_deposit_payment.html вы должны использовать JSON:

Вот так: products: JSON.parse('{{ order_items | safe }}')

{% block data_layer %}

    <script>
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            event: 'eec.purchase',
            ecommerce: {
                currencyCode: 'PEN',
                purchase: {
                    actionField: {
                        id: {{ order_number }},
                        affiliation: 'Stickers Gallito E-Commerce',
                        revenue: {{ total }},
                        shipping: {{ costo_despacho }},
                        coupon: ''
                    },
                    products: JSON.parse('{{ order_items | safe }}')
                },

            }
        });
    </script>

{% endblock %}