Integration with Meta for Magento2

[patruvlad]

Hello,
we have a magento 2.4.7-p1 with Breeze theme installed. our marketing department is used to work with the module that Meta offers for Conversions API and other functionalities. Unfortunately de developers barely respond to requests or suggestions. Can you help us with a small guide or something on how we can make the module Breeze compatible here is a link to what JS files for frontend the module has. https://github.com/magento/meta-for-magento2/tree/main/app/code/Meta/Conversion/view/frontend/web/js . I tried adding the scripts in breeze_default.xml as follows but we get the console error: "Unable to solve dependency" with the script we tried to add in the breeze_default.xml

<referenceBlock name="breeze.js">
            <arguments>
                <argument name="bundles" xsi:type="array">
                    <item name="default" xsi:type="array">
                        <item name="items" xsi:type="array">
                            <item name="Meta_Conversion/js/metaPixelTracker" xsi:type="array">
                                <item name="path" xsi:type="string">Meta_Conversion/js/metaPixelTracker</item>
                            </item>
                        </item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>

Maybe the error comes up because the module loads some of the require portions in Phtml in head.additional ( close to the top of the page), I am not sure
Kind regards,
Vlad Patru

[vovayatsyuk]

That's weird. Have you enabled js merge? JS merge could be the reason for this error. As for the phtml files, they look fine for me.

Try using dynamic bundle instead of default. It behaves much closer to Luma JS resolving:

<item name="dynamic" xsi:type="array">
    <item name="items" xsi:type="array">
        <item name="Meta_Conversion/js/metaPixelTracker" xsi:type="array">
            <item name="path" xsi:type="string">Meta_Conversion/js/metaPixelTracker</item>
        </item>
    </item>
</item>

[MaxSouza]

@patruvlad I've implemented this module on my project, I believe it may be a good start for you! I didn't cover all the features.
Let me know if you wan to take a look

[patruvlad]

@MaxSouza Sure, that would be great starting point for me

[MaxSouza]

https://github.com/MaxSouza/breeze-module--meta-conversion

[IbrahimS2]

Here is an integration we did months ago, I hope it serves the purpose https://packagist.org/packages/aqeltech/module-breeze-meta-conversion

@vovayatsyuk Can we have this listed too?

[vovayatsyuk]

Sure! Thank you!

You can create a PR in https://github.com/breezefront/breezefront.com repository with updated https://github.com/breezefront/breezefront.com/blob/master/_data/extensions.yml file if you want to speedup the process :)

This file is a collection of integrations with modules sorted alphabetically.

[patruvlad]

@IbrahimS2 the module looks good but I just checked it now and it has the same problem that started this thread, "Unable to solve dependency" , the bundle declaration is not good. I did a change from

<referenceBlock name="breeze.js">
        <arguments>
                <argument name="bundles" xsi:type="array">
                    <item name="meta" xsi:type="array">

to

<referenceBlock name="breeze.js">
        <arguments>
                <argument name="bundles" xsi:type="array">
                    <item name="dynamic" xsi:type="array">

as it was recommanded in the past by @vovayatsyuk and it works as expected. I couldn't find a way to report this as an issue to the extension itselv since is on a privat gitlab

[IbrahimS2]

@patruvlad I appreciate you, I will have this sorted/arranged today.