Discussion :

[stc074]

Bonjour, je développe un site en JSF2.2/primefaces4.0, j'avais mis un script google adsense dans un p:layoutUnit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
       <f:view>
            <p:layout id="layout" fullPage="true">
                <p:layoutUnit position="west" size="130" header="Pub" collapsible="true" id="west">
                    <script type="text/javascript">
                        google_ad_client = "ca-pub-XXXXXXXXXXXX";
                        google_ad_slot = "XXXXXXXX";
                        google_ad_width = 120;
                        google_ad_height = 600;
                    </script>
                    <script type="text/javascript"
                            src="//pagead2.googlesyndication.com/pagead/show_ads.js">
                    </script>
                </p:layoutUnit>
                <p:layoutUnit position="north" collapsible="true">
                    <ui:include src="/WEB-INF/pages/top.xhtml" />
                </p:layoutUnit>
                <p:layoutUnit position="center" id="content" size="auto">
                    <ui:insert name="content"></ui:insert>
                </p:layoutUnit>
                <p:layoutUnit position="east" size="auto" header="Navigation" collapsible="true" id="east">
                    <ui:include src="/WEB-INF/pages/mainMenu.xhtml" />
                </p:layoutUnit>
            </p:layout>
        </f:view>

Je suis en développent et j'ai décidé de tester différents thèmes, j'étais sous le thème aristo et tout s'affichait bien mais je suis plus attiré par le thème flick et la ma pub ne s'affiche plus correctement, le header a disparu et des fois le p:layoutUnit qui la contient s'affiche carrément par dessus le p:layoutUnit top.
Je suppose qu'il y a des conflits entre le script de google et jquery mais j'ai rien trouvé sur google, alors si vous avez une solution je suis preneur .
Merci !

[stc074]

Bon finalement j'ai trouvé une solution :
-Prendre le code adsense 'asynchrone'
-mettre async="true" à la place de async tout cours (sinon JSF pète un plomb).
-Supprimer la règle de style en ligne display: inline-block;

voila comme ça, ça marche avec le thème flick.