{
- const isDesktop = window.innerWidth >= 640;
- if (
- !window.adsEnabled ||
- (isDesktop && window.innerHeight < FOOTER_AD_MIN_HEIGHT)
- ) {
- return;
- }
- this.shouldShow = true;
- this.updateComplete.then(() => {
- this.loadAd();
- });
- };
-
- private loadAd(): void {
- if (!window.ramp) {
- console.warn("Playwire RAMP not available for footer ad");
- return;
- }
- try {
- window.ramp.que.push(() => {
- try {
- window.ramp.spaAddAds([
- { type: FOOTER_AD_TYPE, selectorId: FOOTER_AD_CONTAINER_ID },
- ]);
- console.log("Footer ad loaded:", FOOTER_AD_TYPE);
- } catch (e) {
- console.error("Failed to add footer ad:", e);
- }
- });
- } catch (error) {
- console.error("Failed to load footer ad:", error);
- }
- }
-
- private destroyAd(): void {
- try {
- window.ramp.destroyUnits(FOOTER_AD_TYPE);
- console.log("successfully destroyed footer ad");
- } catch (e) {
- console.error("error destroying footer ad", e);
- }
- }
-
- render() {
- if (!this.shouldShow) {
- return nothing;
- }
-
- return html`
-
- `;
- }
-}
diff --git a/src/client/Main.ts b/src/client/Main.ts
index bfe79d1e0..bf29885e4 100644
--- a/src/client/Main.ts
+++ b/src/client/Main.ts
@@ -28,7 +28,7 @@ import { GameModeSelector } from "./GameModeSelector";
import { GameStartingModal } from "./GameStartingModal";
import "./GoogleAdElement";
import { HelpModal } from "./HelpModal";
-import { HomepagePromos } from "./HomepagePromos";
+import "./HomepagePromos";
import { HostLobbyModal as HostPrivateLobbyModal } from "./HostLobbyModal";
import { JoinLobbyModal } from "./JoinLobbyModal";
import "./LangSelector";
@@ -58,6 +58,7 @@ import {
isInIframe,
translateText,
} from "./Utils";
+
import "./components/DesktopNavBar";
import "./components/Footer";
import "./components/MainLayout";
@@ -303,10 +304,6 @@ class Client {
}
});
- const gutterAds = document.querySelector("homepage-promos");
- if (!(gutterAds instanceof HomepagePromos))
- throw new Error("Missing homepage-promos");
-
document.addEventListener("join-lobby", this.handleJoinLobby.bind(this));
document.addEventListener("leave-lobby", this.handleLeaveLobby.bind(this));
document.addEventListener("kick-player", this.handleKickPlayer.bind(this));
diff --git a/src/client/graphics/layers/InGamePromo.ts b/src/client/graphics/layers/InGamePromo.ts
index b4d58e237..cc179ca90 100644
--- a/src/client/graphics/layers/InGamePromo.ts
+++ b/src/client/graphics/layers/InGamePromo.ts
@@ -4,29 +4,32 @@ import { GameView } from "../../../core/game/GameView";
import { crazyGamesSDK } from "../../CrazyGamesSDK";
import { Layer } from "./Layer";
-const AD_TYPE = "standard_iab_left1";
-const AD_CONTAINER_ID = "in-game-bottom-left-ad";
-const BOTTOM_RAIL_TYPE = "bottom_rail";
+const AD_TYPES = [
+ { type: "standard_iab_left1", selectorId: "in-game-bottom-left-ad" },
+ { type: "standard_iab_left3", selectorId: "in-game-bottom-left-ad3" },
+ { type: "standard_iab_left4", selectorId: "in-game-bottom-left-ad4" },
+];
@customElement("in-game-promo")
export class InGamePromo extends LitElement implements Layer {
public game: GameView;
private shouldShow: boolean = false;
- private bottomRailActive: boolean = false;
+ private adsVisible: boolean = false;
+ private bottomRailDestroyed: boolean = false;
private cornerAdShown: boolean = false;
+ private adCheckInterval: ReturnType
| null = null;
createRenderRoot() {
return this;
}
- init() {
- this.showBottomRail();
- }
+ init() {}
tick() {
if (!this.game.inSpawnPhase()) {
- if (this.bottomRailActive) {
+ if (!this.bottomRailDestroyed) {
+ this.bottomRailDestroyed = true;
this.destroyBottomRail();
}
if (!this.cornerAdShown) {
@@ -37,38 +40,12 @@ export class InGamePromo extends LitElement implements Layer {
}
}
- private showBottomRail(): void {
- if (!window.adsEnabled) return;
- if (!this.game.inSpawnPhase()) return;
- if (!window.ramp) {
- console.warn("Playwire RAMP not available for bottom_rail ad");
- return;
- }
-
- this.bottomRailActive = true;
- try {
- window.ramp.que.push(() => {
- try {
- window.ramp.spaAddAds([{ type: BOTTOM_RAIL_TYPE }]);
- console.log("Bottom rail ad loaded during spawn phase");
- } catch (e) {
- console.error("Failed to add bottom_rail ad:", e);
- }
- });
- } catch (error) {
- console.error("Failed to load bottom_rail ad:", error);
- }
- }
-
private destroyBottomRail(): void {
- if (!this.bottomRailActive) return;
- this.bottomRailActive = false;
-
if (!window.ramp) return;
try {
- window.ramp.spaAds({ ads: [], countPageview: false });
- console.log("Bottom rail ad destroyed via spaAds after spawn phase");
+ window.ramp.destroyUnits("pw-oop-bottom_rail");
+ console.log("Bottom rail ad destroyed after spawn phase");
} catch (e) {
console.error("Error destroying bottom_rail ad:", e);
}
@@ -93,6 +70,7 @@ export class InGamePromo extends LitElement implements Layer {
this.updateComplete.then(() => {
this.loadAd();
+ this.checkForAds();
});
}
@@ -115,6 +93,26 @@ export class InGamePromo extends LitElement implements Layer {
});
}
+ private checkForAds(): void {
+ if (this.adCheckInterval) {
+ clearInterval(this.adCheckInterval);
+ }
+ this.adCheckInterval = setInterval(() => {
+ const hasAds = AD_TYPES.some(({ selectorId }) => {
+ const el = document.getElementById(selectorId);
+ return el && el.clientHeight > 50;
+ });
+ if (hasAds) {
+ this.adsVisible = true;
+ this.requestUpdate();
+ if (this.adCheckInterval) {
+ clearInterval(this.adCheckInterval);
+ this.adCheckInterval = null;
+ }
+ }
+ }, 1000);
+ }
+
private loadAd(): void {
if (!window.ramp) {
console.warn("Playwire RAMP not available for in-game ad");
@@ -124,23 +122,28 @@ export class InGamePromo extends LitElement implements Layer {
try {
window.ramp.que.push(() => {
try {
- window.ramp.spaAddAds([
- {
- type: AD_TYPE,
- selectorId: AD_CONTAINER_ID,
- },
- ]);
- console.log("In-game bottom-left ad loaded:", AD_TYPE);
+ window.ramp.spaAddAds(
+ AD_TYPES.map(({ type, selectorId }) => ({ type, selectorId })),
+ );
+ console.log(
+ "In-game bottom-left ads loaded:",
+ AD_TYPES.map((a) => a.type),
+ );
} catch (e) {
- console.error("Failed to add in-game ad:", e);
+ console.error("Failed to add in-game ads:", e);
}
});
} catch (error) {
- console.error("Failed to load in-game ad:", error);
+ console.error("Failed to load in-game ads:", error);
}
}
public hideAd(): void {
+ if (this.adCheckInterval) {
+ clearInterval(this.adCheckInterval);
+ this.adCheckInterval = null;
+ }
+ this.adsVisible = false;
this.destroyBottomRail();
if (crazyGamesSDK.isOnCrazyGames()) {
@@ -156,10 +159,12 @@ export class InGamePromo extends LitElement implements Layer {
}
this.shouldShow = false;
try {
- window.ramp.destroyUnits(AD_TYPE);
- console.log("successfully destroyed in-game bottom-left ad");
+ for (const { type } of AD_TYPES) {
+ window.ramp.destroyUnits(type);
+ }
+ console.log("successfully destroyed in-game bottom-left ads");
} catch (e) {
- console.error("error destroying in-game ad:", e);
+ console.error("error destroying in-game ads:", e);
}
this.requestUpdate();
}
@@ -175,10 +180,18 @@ export class InGamePromo extends LitElement implements Layer {
return html`
+ >
+ ${AD_TYPES.map(
+ ({ selectorId }) =>
+ html``,
+ )}
+
`;
}
}
From b32b81c86c9e15150e5db05a5a1cf62441a29ce0 Mon Sep 17 00:00:00 2001
From: evanpelle